Angular 19 вводить трансформаційні функції та покращення, що полегшують досвід розробника і підвищують ефективність роботи застосунків. Ось що нового:
Компоненти, що не потребують модулів за замовчуванням
В Angular 19 компоненти, директиви та пайпи є незалежними за замовчуванням, що усуває необхідність вказувати standalone: true. Такий підхід спрощує управління модулями і сприяє більш модульній архітектурі. Для оновлення існуючих кодових баз доступний інструмент міграції.
Інкрементальна гідратація (Developer Preview)
Інкрементальна гідратація дозволяє розробникам контролювати, коли конкретні частини шаблону завантажуються і стають інтерактивними. Використовуючи знайомий синтаксис, такий як @defer, Angular може завантажувати і гідратувати компоненти на основі тригерів, таких як взаємодія з користувачем або входи у видиму частину вікна, що покращує час завантаження і користувацький досвід.
Покращена реактивність за допомогою Signals
Angular 19 стабілізує основні реактивні примітиви та вводить нові:
linkedSignal: дозволяє створювати локальний стан, прив'язаний до обчисленого виразу, надаючи початкове значення і автоматично повертаючись до обчисленого значення, коли вираз змінюється.resourceAPI: Цей API спрощує обробку асинхронних даних, автоматично керуючи станами завантаження, значення та помилок, інтегруючись із реактивною системою Angular.
Зручні схематичні інструменти для розробників
Angular 19 вводить оновлені схематичні інструменти для узгодження з найкращими практиками, включаючи введення, вихід, запити, інжекцію залежностей через інжектори та нову систему збірки. Ці інструменти допомагають підтримувати чисті та ефективні кодові бази.
Покращення для зручності користування
Це оновлення відповідає на численні запити від спільноти, вводячи:
- Компонент вибору часу: нове доповнення до Angular Material для покращення введення даних користувачем.
- Виявлення невикористовуваних імпортів: Тепер компілятор Angular виявляє та попереджає про невикористовувані імпорти в незалежних компонентах, допомагаючи підтримувати чистий код.
- Гарячі заміни модулів (HMR) для стилів: Покращує робочий процес розробки, дозволяючи оновлювати стилі без повного перезавантаження сторінки.
Депрекації
Хоча Angular 19 зосереджується на введенні нових функцій і покращень, важливо ознайомитись з офіційною документацією Angular для перевірки будь-яких депрекацій або порушень сумісності, щоб забезпечити плавні переходи та оновлення.
Angular 19 продовжує розвивати можливості фреймворку, роблячи його більш ефективним і зручним для розробників. Завдяки впровадженню нових функцій розробники можуть створювати швидші, більш чуйні та легкі у підтримці веб-застосунки.
Перекладено з: About the new Angular 19