Angular 19. Розбираємо основні фічі

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Привіт! Нещодавно команда Angular випустила нову версію — Angular 19. Давайте розберемось, які цікаві нововведення вона принесла.

1. Incremental Hydration
   • Гідратація частин додатка за потребою через @defer.
   • Підтримка тригерів: hover, viewport, timer, interaction.....
2. Новий routerOutletData
   • Передача даних з батьківського компонента до дочірнього через RouterOutlet і ROUTER_OUTLET_DATA.
   • <router-outlet [routerOutletData]="routerOutletData()"></router-outlet>
3. linkedSignal
   • Сигнал, що може відстежувати як поточне, так і попереднє значення залежного signal.
4. Підтримка Playwright
   • Інтеграція сучасного інструменту для е2е-тестування.
5. Синтаксис @let
   • Спрощене оголошення змінних у шаблонах із локальною видимістю.
6. Всі компоненти за замовчуванням standalone
   • Не потрібно додатково вказувати standalone: true; для старих компонентів необхідно явно зазначати, що вони не standalone.
7. Опція equals для Signals
   • Кастомна функція для порівняння значень, щоб уникати зайвих оновлень сигналу.
8. Функція afterRenderEffect
   • Виконання побічних ефектів після кожного рендеру, якщо змінилися залежності.

Happy codding,
Yuriy!