Привет, Эмберисты!

На этой неделе: Полифилы для пакетов ember-data для старых версий Ember, узнайте как Figma в связке со Storybook облегчает жизнь разработчика, QUnit DOM объявляет о выпуске v1.0, а также выход ember-changeset 3.0.0 !

От переводчика: Все ссылки без пометки указывают на англоязычные ресурсы. На русском вопросы можно задать в нашем душевном телеграмм-канале ^[1]

Назад в будущее с пакетами ember-data polyfill ^[2]

API пакетов ember-data ^[3] позволяет импортировать объекты и методы из небольших пакетов модуля ember-data, следуя рекомендациям, аналогичным тем, которые установлены в Ember Modules RFC # 176 ^[4] (прим. пер.: RFC — Request for comment). Имея реальные и разрешимые пути к пакетам, многие разработчики могут получить выгоду благодаря улучшенной справочной информации о коде в своей IDE. API пакетов ember-data доступен начиная с версии 3.11 ^[5].

Нет ничего лучше, чем новый блестящий API, который облегчит жизнь вашему разработчику. Еще лучше, если вы уже можете использовать этот API в своем приложении без какого-либо обновления! Пользователи ember-data версии 3.10 и ниже получают возможность воспользоваться новым способом импорта с помощью полифилла пакетов ember-data ^[2]!

Полифил (Polyfill) обеспечивает преобразование любых экземпляров операторов импорта API обратно в устаревший синтаксис импорта EmberData «DS». Вы можете начать использовать полифил в своем приложении, обновив зависимость ember-cli-babel до версии 7.14 ^[6] или выше для этой новой функции ^[7].

Хотите узнать больше о том, как использовать новый синтаксис импорта пакетов для ember-data? Обязательно прочитайте статью о выпуске Ember 3.11 ^[5] еще раз, чтобы понять практические примеры кода, а также зайдите на канал #ember-data на Ember Discord ^[8], чтобы задать дополнительные вопросы.

Figma в связке со Storybook облегчает жизнь разработчика ^[9]

Томас Госсманн (@gossi ^[10]) начал серию публикаций о Figma, Ember и Storybook. Часть 1: Полнофункциональные темы в Figma ^[11] расскажут вам все о том, как организовать ваш дизайн в Figma.

Оставайтесь с нами для части 2 о дизайн-токенах и части 3 о документации в экосистеме Ember. Следите за @unistyler ^[12] в Твиттере, чтобы получать уведомления, когда они будут опубликованы.

Вы можете найти систему дизайна и код на GitHub ^[13].

QUnit DOM объявляет о выпуске v1.0 ^[14]

QUnit DOM ^[15] предоставляет читаемые утверждения (assertions) для QUnit и доступны в Ember начиная с версии 3.1. Если вы еще не пробовали QUnit DOM, мы рекомендуем оценить его API ^[16], чтобы увидеть, как вы можете упростить свои тесты.

На прошлой неделе компания QUnit DOM объявила о выпуске версии 1.0 ^[14], чтобы отметить стабильность проекта. Мы благодарим Тобиаса Бьенека (@Turbo87 ^[17]) и всех, кто помогал с проектом!

В версии 1.0 вы можете использовать цепочку утверждений:

assert.dom('[data-test-input="Email"]')
  .isRequired()
  .hasAttribute('type', 'email')
  .hasValue('zoey@ember.js');

Вы также можете попробовать новое утверждение hasProperty, чтобы проверить свойства DOM. Между hasAttribute (для проверки атрибутов HTML) и hasProperty (для свойств DOM) могут быть тонкие различия:

 //  Эти два утверждения эквивалентны.
assert.dom('[data-test-input="I Agree"]')
  .hasAttribute('checked', '')
  .hasProperty('checked', true);

 // Эти три утверждения эквивалентны.
assert.dom('[data-test-button="Delete"]')
  .hasClass('btn').hasClass('btn-red')
  .hasAttribute('class', 'btn btn-red')
  .hasProperty('className', 'btn btn-red');

Чтобы узнать больше о том, когда вы можете использовать hasAttribute или hasProperty, пожалуйста, посетите руководство на сайте JavaScript.info ^[18].

Вышел ember-changeset 3.0.0 ^[19]

Аддон Ember-changeset ^[20] официально выпустил
версию 3.0.0 ^[21]. Аддон предоставляет класс Changeset, который представляет набор возможных изменений для любого объекта (Ember.Object, DS.Model, POJO и т.д.). Идея состоит в том, что обновляются только внутренние значения набора изменений, пока мы не вызовем метод save, который установит и сохранит действительные изменения в привязанном объекте.

В этом выпуске требуется Ember 3.13 и выше, а использование @tracked поможет ember-changeset и распространению изменений на уровень пользовательского интерфейса. Если ваше приложение <3.13 или вам нужно поддерживать IE11, вам лучше установить версию 2.0. Посмотрите видео вступление ^[22] от EmberScreencasts, и начните использовать ember-changeset сегодня!

Благодарности контрибьютерам

На этой неделе мы хотели бы поблагодарить @bobisjan ^[23], @chancancode ^[24], @xg-wang ^[25], @pzuraq ^[26], @efx ^[27], @rwwagner90 ^[28], @jenweber ^[29], @lifeart ^[30], @chadhietala ^[31], @mansona ^[32] и @pichfl ^[33] за их вклад в Ember и связанные с ним репозитории!

Есть вопрос? Задавайте их используя форму вопросов от читателей!

Хотите знать, что-то, связанное с Ember, Ember Data, Glimmer или аддонами в экосистеме Ember, но не знаете, где спросить? Для вас есть рубрика Вопросы читателей!

Отправьте свой собственный вопрос используя форму bit.ly/ask-ember-core ^[34]. И не волнуйтесь, глупых вопросов нет, мы ценим любые вопросы — честно!

#embertimes

Хотите написать для Ember Times? Есть предложение для выпуска на следующей неделе? Присоединяйтесь к нам в #support-ember-times ^[35] в Ember Community Discord ^[36] или напишите в директ @embertimes в Твиттере ^[37].

Будьте в курсе того, что происходит в мире Ember, подписавшись на нашу еженедельную электронную рассылку ^[38]! Вы также можете найти наши сообщения ^[39] в блоге Ember.

Всем добра! И удачи!

Крис Нг, Анн-Грит ван Хервейнен, Исаак Ли, Джессика Джордан, Эми Лам и команда обучения

Предыдущий выпуск доступен по ссылке ^[40]

Автор: chilicoder

Источник ^[41]