Angular 17 добавляет откладываемые представления

Вышел релиз Angular 17 с гораздо более высокой производительностью и улучшениями, включая откладываемые представления.

Angular - это фреймворк веб-приложений с открытым исходным кодом на основе TypeScript, который можно использовать для создания приложений на JavaScript и динамических веб-страниц. После того как над его разработкой поработала компания Google, он получил широкую поддержку.

Разработчики Angular утверждают, что новая версия работает на 90 % быстрее в публичных бенчмарках благодаря встроенным циклам потока управления. По их словам, она также предлагает сборку для гибридного рендеринга, которая работает на 87 % быстрее, и на 67 % для рендеринга на стороне клиента.

В новой версии также используется новый синтаксис блоков для ускорения работы приложений за счет ленивой загрузки. Новый синтаксис блоков используется для оптимизированного, встроенного потока управления. По словам команды, многие разработчики испытывают трудности с использованием структур потока управления, таких как *ngSwitch и *ngFor. Новый встроенный поток управления обеспечивает более эргономичный синтаксис, приближенный к JavaScript. Повышение производительности связано, в частности, с новым оператором for, который использует новый алгоритм диффиринга и имеет более оптимальную реализацию по сравнению с *ngFor, что делает его на 90 % быстрее во время выполнения.

Второе улучшение, которое стоит отметить, - это поддержка откладываемых представлений и их использование для декларативной отложенной загрузки. В качестве примера был приведен блог, в котором вы хотите использовать ленивую загрузку комментариев пользователей. Новые откладываемые представления позволяют сделать это с помощью одной строки декларативного кода, а поскольку они реализуются с помощью трансформации во время компиляции, Angular абстрагируется от сложностей, находя компоненты, директивы и трубы, используемые внутри блока @defer, генерируя динамический импорт и управляя процессом загрузки и переключения между состояниями.

Кроме того, разработчики сообщают, что совместно с командой Material Design из Google они занимаются рефакторингом внутренних компонентов Angular Material, чтобы включить в них маркеры дизайна - систему, которая предоставит значительно больше возможностей для кастомизации компонентов и обеспечит поддержку Material 3. По словам разработчиков, они еще не готовы реализовать поддержку маркеров дизайна и M3 в v17, но ожидают, что эти функции появятся в ближайшее время в минорном релизе v17.

Angular 17 доступен уже сейчас.