Предварительный просмотр Angular 17 управляет потоком, улучшенная проверка типов

Вышла Angular 17, последняя версия платформы разработки веб-приложений Google на основе TypeScript со встроенным потоком управления для улучшения условий разработки.

Angular 17, представленный в бюллетене от 8 ноября, доступен на GitHub. Google с Angular 17 выпустил синтаксис шаблонов блоков, предоставляющий «мощные» функции с простыми декларативными пользовательскими интерфейсами. Этот синтаксис блоков использовался для оптимизированного встроенного потока управления, предлагая лучшую проверку типов благодаря более оптимальному сужению типов.

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

Angular 17 также включает набор новых перехватчиков жизненного цикла, afterRenderчтобы зарегистрировать обратный вызов, который будет вызываться каждый раз, когда приложение завершает рендеринг, и afterNextRender, чтобы зарегистрировать обратный вызов, который будет вызываться в следующий раз, когда приложение завершит отрисовку. Они были созданы как часть плана по повышению производительности Angular SSR (серверный рендеринг) и SSG (генерация статических сайтов) за счет постепенного отказа от эмуляции DOM и прямых манипуляций с DOM.

Google заявляет, что поток управления значительно повышает производительность: время выполнения ускоряется до 90 % благодаря встроенным циклам потока управления, до 87 % ускоряется сборка для гибридного рендеринга и до 67 % быстрее сборка для рендеринга на стороне клиента.

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

• Гидратация, процесс восстановления приложения, отображаемого на стороне сервера, на клиенте, отсутствует в предварительной версии для разработчиков и включен по умолчанию. Гидратация повышает производительность, позволяя избежать дополнительной работы по воссозданию узлов DOM.
• Angular Signals для детального отслеживания состояния приложения выходит из предварительной версии для разработчиков. Эта функция позволяет платформе оптимизировать обновления рендеринга. Планируется, что к Angular 18 будут добавлены дополнительные возможности для Signals, чтобы улучшить опыт разработки.
• Новая возможность отложенных представлений, также доступная в предварительной версии для разработчиков, позволяет разработчикам лениво загружать компоненты и транзитивные зависимости с помощью одной строки декларативного кода.
• Опыт гибридного рендеринга был обновлен. SSR и SSG становятся ближе к разработчикам через подсказку в ng new.
• Компоновщик приложений, представленный в Angular 16, включающий ESBuild и возможность сборки на базе Vite, включен по умолчанию для новых приложений. Некоторые пользователи сообщили об улучшении времени сборки на 67%.
• API View Transitions для плавных переходов при изменении DOM теперь напрямую поддерживается в маршрутизаторе Angular через ViewTransitions особенность.
• Директива изображения Angular теперь автоматически генерирует ссылки предварительного подключения для доменов, предоставленные в качестве аргумента загрузчику изображений.

Команда разработчиков Angular также запускает предварительную бета-версию angular.dev и планирует сделать его веб-сайтом по умолчанию для Angular с Angular 18. Это будет новый дом для документации Angular с обновленным руководством, помогающим использовать новейшие функции Angular. рамки.