Что нового представит нам Angular в 14 версии

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

Автономные компоненты упрощают разработку приложений Angular, уменьшая потребность в NgModules. Для автономных компонентов, директив и каналов флаг standalone: true позволяет разработчикам добавлять импорт непосредственно в @component() без @NgModule().

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

Также в Angular 14, опубликованном 2 июня, реактивные формы по умолчанию строго типизированы. Типизированные формы гарантируют, что значения внутри элементов управления форм, групп и массивов являются типобезопасными во всей поверхности API, что позволяет использовать более безопасные формы, особенно для сложных случаев с глубокой вложенностью.

Схемы обновления допускают постепенный переход к типизированным формам. Разработчики могут постепенно добавлять набор текста к существующим формам с полной обратной совместимостью. Кроме того, ng udpate заменит все классы форм нетипизированными версиями, что позволит разработчикам включать типы в своем собственном темпе.

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

Angular 14 следует за Angular 13, появившимся в ноябре прошлого года. Инструкции по настройке в Angular можно найти на сайте проекта. Другие новые функции и улучшения в Angular 14 включают в себя:

Поддержка последней версии TypeScript 4.7.

Angular 14 по умолчанию нацелен на ES2020, что позволяет CLI отправлять меньший код без необходимости понижения уровня.
Защищенные члены компонента могут быть ограничены непосредственно из шаблонов. Это дает пользователям больший контроль над общедоступной поверхностью API повторно используемых компонентов.

Изменения NgModel отражаются в пользовательском интерфейсе для компонентов OnPush.

При создании встроенного вида можно использовать дополнительные инжекторы. Инжектор позволяет настраивать поведение внедрения зависимостей в конкретном шаблоне. Более чистые API включены для повторно используемых компонентов и для примитивов компонентов в Angular CDK (Component Dev Kit).

Представлена экспериментальная система сборки на основе esbuild для сборки ng, которая компилируется в чистый вывод модуля ECMAScript.

Новые методы предлагаются для HarnessLoader, чтобы проверить наличие жгута проводов и вернуть экземпляр жгута, если он есть.

Новые руководства по обнаружению изменений и оптимизации среды выполнения на angular.io.