《잿더미 타임즈》 제164기

18252 단어 webdevemberjavascript
👋 안베리스타스!🐹
Hacktoberfest+The Ember Times✍️, Ember CLI 명령의 새 참조 페이지🔖, 잿더미 메탄 중 혼합물의 이동👋, EMBE 메탄 값의 비동기식 데이터 및 자동 추적✨, 개발자 경험 자동 추적🔥, ember 병발 2.0.0.β-1🎉, 마지막으로, 그러나 가장 중요하지 않은 것은 REST API를 사용하는 EmberJS입니다.💪!

Hacktoberfest+The Ember Times✍️


Hacktoberfest은 전 세계 GitHub 지역사회의 모든 사람들에게 원본 코드를 개방하는 경축 행사이다.개발자, 코드를 배우는 학생, 행사 진행자든 어떤 규모의 회사든 개원의 발전을 추진하고 끊임없이 성장하는 지역사회에 적극적인 공헌을 할 수 있습니다.모든 배경과 기술 수준의 사람들이 도전을 완성하도록 격려합니다!
Hacktoberfest 기부 아이디어가 필요하신가요?아니면 시작이 됐으면 좋겠어요?우리는 next Ember Times issue에서 우리와 합작할 것을 건의합니다!알다시피 잿더미 타임즈는 정부 Ember Blog의 시사통신이다.작가로서 당신은 잿더미 지역사회에서 적극적인 역할을 발휘하여 최신 사건과 발견을 따라갈 것입니다.이전의 기술 창작 경험은 필요하지 않습니다. 왜냐하면 우리는 기꺼이 지도하고 당신과 짝짓기를 하기 때문입니다.우리는 또한 전 세계 모든 사람들이 가입하도록 장려한다.만약 영어가 당신의 두 번째 언어(또는 세 번째 언어 등)라면 걱정하지 마세요.
관심 있어요?여러 가지 방법으로 팀에 연락할 수 있습니다.
  • #support-ember-times channel에서 우리와 불협화음을 토론했다.
  • ember-blog 환매 협의에 메시지를 남깁니다.우리는 주제 목록이 하나 있는데, 당신은 곧 다가올 October 9th issue의 잿더미 타임즈를 위해 배상을 청구할 수 있습니다!
  • 트위터 우리.
  • Ember와 오픈을 지원하는 것 외에 참가자들은 한정판 티셔츠를 받거나 나무를 선택할 수 있습니다!우리는 가능한 한 빨리 당신의 편지를 받기를 기대하고 있습니다.🥰

    Ember CLI 명령의 새 참조 페이지🔖


    Ember CLI 가이드에는 all Ember CLI commands이 나열된 새로운 웹 페이지가 있습니다.참고로 새 개발자가 사용할 수 있도록 책갈피를 주십시오.
    시간 경과에 따라 명령 및 명령 옵션의 목록이 늘어난다고 가정할 수 있으므로 CLI 설명서를 작성하는 것은 단순한 작업이 아닙니다.우리는 Tim (@fozy81)에 감사하고, 그들이 한 놀라운 공헌에 감사해야 한다.💯
    예전과 같이 ember --help을 실행하여 터미널의 명령과 명령 옵션을 검사할 수 있습니다.언제든지 새 웹 페이지에 피드백을 제공해 주십시오.부정확하거나 누락된 정보를 보셨다면 cli-guides 재구매에서 발행할 수 있습니다.

    잿더미 메탄 중 혼합물의 이동👋


    엔버타임스 본부에서 온 인사!우리는 독자의 질문을 받았다.

    What's the recommended alternative for Ember.Mixin in Octane?


    고전적인 Ember에서 응용 프로그램에서 다시 사용할 수 있는 DOM 동작을 정의하려면 구성 요소 Mixin을 정의해야 합니다. 이 구성 요소는 적당한 생명주기 연결을 실현합니다.Ember 3.15까지 Ember 프로젝트는 Ember 메탄을 새로운 응용 프로그램과 플러그인에 사용하도록 권장합니다.상투적인 메탄값은 혼입을 피하는 것을 권장한다.Octane is HereYehuda Katz (@wycats)으로 돌아가 이전 예시를 제시했다.요소 수정자는 DOM 동작을 다시 사용할 수 있는 새로운 방법을 제공합니다. Mixin의 단점이 없습니다.
    이전 (고전의 재): 혼합
    import Mixin from '@ember/object/mixin';
    
    export default Mixin.create({
      didInsertElement() {
        this._super();
        activateTabs(this.element);
      }
    
      willDestroyElement() {
        this._super();
        deactivateTabs(this.element);
      }
    })
    
    그런 다음 이러한 구성 요소에 Mixin을 사용합니다.
    import Component from '@ember/component';
    
    export default Component.extend(Tabs, {
      // ...
    });
    
    후(잔재 메탄값): 원소 개선제
    이것이 바로 우리의 Tabs mixin이 수정기로 다시 실현되었을 때의 모습이다.
    import { modifier } from 'ember-modifier';
    
    export default modifier(element => {
      activateTabs(element);
    
      return () => deactivateTabs(element);
    });
    
    요소 수정자는 모든 요소에 적용되므로 전체 어셈블리를 생성하여 재사용 가능한 DOM 비헤이비어를 생성할 필요가 없습니다.이 원소 수식자 문법을 사용하여 모든 원소에 수식자를 사용할 수 있습니다.
    <div {{tabs}}></div>
    
    계속해서 혼합에 대한 이야기가 이어지고 있습니다. Chris Krycho (@chriskrycho)은 최근 블로그에 Migrating Off of PromiseProxyMixin in Ember Octane에 대한 정보를 발표했습니다.많은 고전적인 Ember 응용 프로그램과 플러그인에서 흔히 볼 수 있는 모델은 PromiseProxyObjectObjectProxy을 혼합하여 최종 사용자에게 약속 상태를 공개하고 분석 데이터에 접근하는 것을 더욱 편리하게 하는 것이다.반드시 blog post을 읽고 경량급, 자동 추적과 메탄값 준비 해결 방안을 사용하여 다시 쓰는 몇 가지 건의 방법을 깊이 있게 이해하십시오.
    P, 코드 라이브러리에 섞이지 않았으면 좋겠어요?우리는 편리한 no-mixins rule on eslint-plugin-ember을 사용할 것을 건의합니다.

    블로그 게시물: Ember Octane의 비동기식 데이터 및 자동 추적✨


    Chris Krycho (@chriskrycho)에서 온 새로운 블로그 글이 Async Data and Autotracking in Ember Octane에 대해 이야기했다.이 박문은 우리가 이전에 Migrating Off of PromiseProxyMixin in Ember Octane에 쓴 문장의 연장으로 혼합과 계승을 포기하고 합성을 지지하는 방법을 묘사했다.Chris는 load helper과 새로운 AsyncData 구조를 사용하여 이를 실현한다.
    새 블로그는 AsyncData을 일반 데이터로 간주하지만 모든 상태(로드, 로드, 오류)를 처리해야 합니다.추적 속성과 통합을 통해 AsyncData류는 모델링 상태와 내부에 반응하여 이 전환을 처리합니다.이것은 우리로 하여금loadhelper에서 되돌아온 데이터를 정상적인 데이터로 접근하고 그 상태에 따라 반응할 수 있게 한다.
    import Component from '@glimmer/component';
    import { load } from 'my-app/helpers/load';
    import { fetchSomeData } from 'my-app/data/fetchers';
    
    export default class Neato extends Component {
      get data() {
        return load(fetchSomeData(this.args.userId));
      }
    
      get displayData() {
        switch (this.data.state) {
          case 'LOADING':
            return 'loading...';
          case 'LOADED':
            return this.data.value;
          case 'ERROR':
            return `Whoops! Something went wrong! ${this.data.error.message}`;
        }
      }
    }
    
    자세한 내용은 full blog post on Chris’s blog을 참조하십시오.

    개발자 경험 자동 추적🔥


    만약 당신이 Chris Krycho (@chriskrycho)에서 충분한 정보를 얻을 수 없다면, 더 많은 것이 있습니다!😄
    Ember 또는 Glimmer의 자동 추적은 어떻게 작동합니까?그것은 어떻게 개발자의 체험을 개선합니까?어떤 컴퓨터 과학 개념이 그것을 가능하게 합니까?(답: 람보트 시계🤯)
    Ember나 Glimmer 응용 프로그램의 자동 추적 시스템의 효율을 더 알고 싶다면, post을 사용해야 한다.
    안심하십시오. 이것은 상당히 접근하기 쉬운 해석의 복잡한 주제입니다. 우리는 회원 사용자로서 메탄가의 세계에서 이익을 얻습니다.우리는 모두가 가 보라고 격려한다!

    ember-concurrencynew beta release입니다!Max Fierke (@maxfierke)2.0.0의 부지런한 업무에 감사 드립니다.beta-1은 Ember 3.16+에 @tracked을 도입하여 {{action}} 조수를 직접 사용하는 능력을 취소하고 get, set, Task에서 TaskGroupTaskInstance 호환 방법을 삭제했다.
    맥스가 트윗에서 언급한 바와 같이 2.x는 어느 정도에 1과 호환된다.x, ember-concurrency에 의존하는 플러그인을 유지하는 사용자에게 더 광범위한 버전 범위를 사용할 수 있다면, 일부는 2를 시도할 수 있습니다.x Beta 및 기타 업그레이드 가능한 소프트웨어
    이 기능과 2.0.0-beta로 업그레이드에 대한 더 많은 정보.1과 기타 미래 2.x 버전
    일반적으로 upgrade document에서 찾을 수 있다.
    release노트를 계속 읽으세요.

    REST API가 포함된 EmberJS💪


    EmberJS with REST API이라는 블로그를 썼다.이 블로그는 REST API 규약을 따른다면 어떻게 하면 API가 기존의 Ember 데이터와 함께 잘 작동할 수 있는지 설명한다.API가 REST 규약을 따르지 않는 경우 이 문서에서는 Ember 데이터를 처리할 수 있도록 Ember 응용 프로그램 정렬화 프로그램을 수정하는 방법에 대해 자세히 설명합니다.
    이 블로그는 또한 keyForAttribute 을 사용하여 수동 작업을 간소화하여 모든 API 속성을 Ember 모델 속성에 비추지 않아도 된다고 토론했다.오늘 the blog post으로 가서 읽어 보겠습니다.

    공헌자 구석👏


    이번 주에 우리는 Amy Lam (@amyrlam), Ben Demboski (@bendemboski), Bryan Mishkin (@bmish), Jan Bobisud (@bobisjan), Chad Hietala (@chadhietala), Godfrey Chan (@chancancode), Chris Ng (@chrisrng), Cory Loken (@cloke), Dmytro Krekota (@dmytro-krekota), Tim (@fozy81), Ava Gaiety Wroten (@hergaiety), Isaac Lee (@ijlee2), @JamesS-M, Jared Galanis (@jaredgalanis), Jen Weber (@jenweber), Jacob (@jfdnc), Katie Gengler (@kategengler), Kelly Selden (@kellyselden), Dave Laird (@kiwiupover), Ilya Radchenko (@knownasilya), Chris Manson (@mansona), @patricklx, Chris Garrett (@pzuraq). 1510년,Raido Kuli (@raido), Ruslan Hrabovyi (@ro0gr), Volodymyr Radchenko (@rreckonerr), Robert Jackson (@rwjblue), Sergey Astapov (@SergeAstapov), Scott Newcomer (@snewcomer)Nicolas Fléron (@tempo22) Ember 및 관련 저장소에 대한 기여에 감사드립니다!💖

    Yehuda Katz(@wycats)


    Connect with us 🤓
    Ember, Ember 데이터, Glimmer 또는 Ember 생태계의 플러그인과 관련된 것을 알고 싶지만 무엇을 물어봐야 할지 모르겠습니다.독자의 문제는 오직 너만을 겨냥한 것이다!
    에 당신의 짧고 달콤한 질문을 제출하세요.걱정하지 마, 어리석은 문제는 없어. 그들에게 고마워. 약속해!🤞
    《잿더미 타임즈》를 위해 글을 쓰고 싶습니까?다음 주 문제에 대해 어떤 건의가 있습니까?bit.ly/ask-ember-core으로 전화하여 가입하거나 트위터에서 클릭해 주십시오.
    저희 #support-ember-times을 구독하여 이번 주 에버랜드에서 일어난 일을 계속 알아보세요!너도 Ember Community Discord에서 우리의 게시물을 찾을 수 있다.
    이것은 또 하나의 소포다!✨
    친절하게,
    Abhilash LR, Chris Ng, Jared Galanis, Isaac Lee, Amy Lam 및 학습팀

    좋은 웹페이지 즐겨찾기