Все ресурсы, которые вам понадобятся для освоения Angular Signals

В Angular v16 был введен новый примитивный тип под названием «Сигнал». Он предназначен для хранения значения, аналогичного обычной переменной. Когда значение сигнала изменяется, он уведомляет заинтересованных потребителей. Сигналы хранят как примитивные типы данных, так и объекты.

Если мы используем обнаружение изменений OnPush в компоненте, и он содержит сигнал в своем шаблоне, Angular отслеживает сигнал как зависимость для компонента и помечает компонент для проверки, изменяется ли значение сигнала. В Angular v17 это изменится, можно будет использовать обнаружение изменений для каждого компонента на основе сигналов без zone.js.

В этой статье я делюсь всеми ресурсами, которые вам понадобятся для освоения Angular Signals.

📰«Угловые и сигналы. Все, что Вам нужно знать"

Зачем нужны сигналы? Robin Goetz объясняет, какие проблемы они решают, как они вписываются в историю Angular и как они работают. Он также уточняет, в чем их самые большие преимущества перед BehaviorSubjects RxJ:

  • Сигналы выполняются без сбоев, и
  • По сравнению с RxJs, Angular Signals проще и, следовательно, легче в освоении.

📰Преобразование наблюдаемых в сигналы в Angular: что вам нужно знать и Преобразование сигналов в наблюдаемые в Angular: что вам нужно знать

В своих статьях Нетанел Базаль исследует, как мы можем преобразовать наблюдаемые объекты в сигналы и сигналы в наблюдаемые с помощью нового пакета rxjs-interop.

📰Угловые сигналы и ваша архитектура: 5 вариантов

Манфред Штайер исследует влияние сигналов на архитектуру приложений Angular. Он демонстрирует пять различных вариантов:

  • Сигналы в компоненте
  • Переместить сигналы в службу
  • Скрытие информации с помощью сервисов
  • Использование хранилища и шаблона Redux
  • Скрытие магазина за фасадом

📰Официальная документация по Angular и RFC

Я считаю, что наряду с просмотром замечательных ресурсов, созданных сообществом Angular, также полезно взглянуть на официальные материалы:

RFC:

📰Демистификация push-and-pull-природы Angular Signals

Томас Траян подробно рассматривает сигналы Angular и то, как их можно понять с помощью концепций push-and-pull.

📰Сигналы в Angular: будущее обнаружения изменений

Манфред Штайер сравнивает текущее обнаружение изменений на основе Zone.js-с новым подходом, основанным на сигналах.

📷Начало работы с сигналами Angular

В своей презентации на Google I/O Эмма Тверски и Алекс Рикабо разработали приложение Angular на основе сигналов. Хотя это довольно сложный пример, вы многому из него научитесь.

📰Сигналы в Angular — как написать более реактивный код

Дебора Курата объясняет, что такое Сигналы и как их создавать, читать и обновлять. Она также охватывает концепцию вычисляемых сигналов и эффектов.

👨‍💻Об авторе

Меня зовут Gergely Szerovay, я работаю руководителем отдела фронтенд-разработки. Преподавание (и изучение) Angular — одна из моих страстей. Я ежедневно просматриваю контент, связанный с Angular — статьи, подкасты, выступления на конференциях и так далее.

Я создал информационный бюллетень Angular Addict, чтобы отправлять вам лучшие ресурсы, с которыми я сталкиваюсь каждый месяц. Независимо от того, являетесь ли вы опытным Angular Addict или новичком, я помогу вам.

Рядом с информационным бюллетенем у меня также есть публикация под названием, как вы уже догадались, Angular Addicts. Это коллекция ресурсов, которые я считаю наиболее информативными и интересными. Дайте мне знать, если вы хотели бы быть включены в качестве писателя.

Давайте изучать Angular вместе! Подпишитесь здесь 🔥

Подпишитесь на меня в Medium, Dev.to, Twitter или LinkedIn, чтобы узнать больше об Angular!