Angular 19 здесь, что нового?

Всем привет🤝, меня зовут Данила и я разработчик на Ангуляр. Далеко не все успели мигрировать на 18-ю версию, а тут ребята из тёплого Саннивилла радуют нас новой версией любимого фреймфорка. Давайте разбираться, что появилось!

Теперь можно передавать данные родительскому компоненту RouterOutlet, что упрощает обмен данными из родительского компонента с его вложенными дочерними элементами.

Затем в дочернем компоненте вы можете получить данные через DI и токен ROUTER_OUTLET_DATA:

В поддержку сервис-воркеров в Angular было добавлено несколько функций.

Во-первых, теперь можно указать maxAgeдля всего приложения с помощью новой опции конфигурации под названием applicationMaxAge. Это позволяет нам настроить, как долго сервис-воркер будет кэшировать любые запросы. В пределах applicationMaxAgeфайлы будут обслуживаться из кэша. Все запросы будут обслуживаться только из сети, это может быть особенно полезно для index.html, чтобы гарантировать последнюю версию приложения, а не старую кэшированную версию, если пользователь пользовался приложением ранее.

Во-вторых, появилась возможность определять refreshAhead задержку для конкретной группы данных. Когда время до истечения срока действия кэшированного ресурса меньше этой refreshAheadзадержки, Angular обновляет ресурс.

Теперь получить доступ к объектам запроса и ответа в компонентах во время SSR стало легче благодаря новым токенам в @angular/core:

REQUESTдля доступа к текущему объекту HTTP-запроса

REQUEST_CONTEXTдля передачи пользовательских метаданных или контекста, связанного с текущим запросом, при рендеринге на стороне сервера

RESPONSE_INITдля доступа к опциям инициализации ответа

Angular 19 представляет частичную и инкрементную гидратацию, преобразующую производительность приложений с