Современный Angular¶
-
Автономные компоненты: ментальная модель и совместимость
Почему мы вообще запустили NgModules?
Знакомство с автономными компонентами
Загрузка автономных компонентов
-
Архитектура с отдельными компонентами
Группировка строительных блоков
Бочки с красивыми именами: сопоставление путей
-
Автономные API для маршрутизации и ленивой загрузки
Предоставление конфигурации маршрутизации
Использование директив маршрутизатора
Ленивая загрузка с автономными компонентами
Инжекторы среды: Службы для конкретных маршрутов
Настройка NGRX и функций Slices
-
Элементы Angular с автономными компонентами
Предоставление автономного компонента
Загрузка с помощью элементов Angular
Попутная заметка: Загрузка нескольких компонентов
-
HttpClient: автономные API и функциональные перехватчики
Перехватчики и ленивая загрузка
Проблема с запросами, сделанными родителями
-
Тестирование автономных компонентов
-
Паттерны для автономных API
-
Как подготовиться к автономным компонентам?
Вариант 1: страусиная стратегия
Вариант 2: просто выбросить модули Angular
Вариант 2a: Автоматическая миграция на Standalone
Вариант 3: Заменить модули Angular на бочки
Вариант 4: Рабочее пространство Nx с библиотеками и правилами линтинга
-
Миграция на автономные компоненты
-
Сигналы в Angular
Обнаружение изменений сегодня: Zone.js
Обнаружение изменений завтра: сигналы
Сигналы должны быть неизменяемыми
Вычисленные значения, побочные эффекты и утверждения
Эффектам нужен контекст инъекции
-
Связь компонентов с сигналами
Двустороннее связывание данных с сигналами модели
-
Эффективное использование сигналов
Начальный пример с некоторыми возможностями для улучшения
Правило 1: Выводить состояние синхронно везде, где это возможно
-
Встроенный поток управления и откладываемые представления
Новый синтаксис для потока управления в шаблонах
-
esbuild и новый конструктор приложений
Производительность сборки с esbuild
SSR без усилий с новым конструктором приложений
Источник — Modern Angular, Manfred Steyer
Перевод
Перевод этой книги сделан благодаря подписчикам на Бусти.