Angular 14 поставляется с типизированными формами и автономными компонентами.

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

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

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

Чтобы воспользоваться преимуществами новой поддержки типизации, команда разработчиков Angular советует искать экземпляры Untyped формы и переход на новую поверхность 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 build представлен чистый вывод модуля ECMAScript.
• Предлагаются новые методы HarnessLoader чтобы проверить наличие жгута и вернуть экземпляр жгута, если он есть.
• Новые руководства по обнаружению изменений и оптимизации времени выполнения на angular.io.