Angular 15 поставляется с автономными API

Angular 15, последняя версия разработанной Google платформы веб-приложений на основе TypeScript, только что была выпущена. В обновлении представлены стабильные «автономные» API, которые позволяют разработчикам создавать приложения без использования NgModules.

Angular 15 был официально представлен 16 ноября. Автономные API-интерфейсы, представленные в качестве предварительной версии для разработчиков в Angular 14 в июне, позволяют разработчикам запускать приложение, используя один компонент. Они работают в HttpClient, Angular Elements, роутер и др. Автономные компоненты предназначены для упрощения разработки и служат альтернативой NgModules, способу управления зависимостями, которые разработчики считали излишне сложными.

Также в Angular 15 новый API композиции директив обещает улучшить повторное использование кода. Это позволяет разработчикам улучшать элементы хоста с помощью директив и сочетает Angular со стратегией повторного использования кода. Новая директива изображения, теперь стабильная, добавляет такие функции, как автоматический srcset генерация, чтобы обеспечить изображение соответствующего размера, и экспериментальный режим заполнения, чтобы заставить изображение заполнять свой родительский контейнер, устраняя требование объявлять высоту и ширину изображения. Автономный NgOptimizedImage можно использовать непосредственно в компоненте или NgModule.

Инструкции по началу работы с Angular можно найти на GitHub.

Angular 15 также включает следующие функции и улучшения:

• Улучшенная трассировка стека для отладки.
• Компоненты дизайна материалов для Интернета (MDC), теперь стабильны.
• Поддержка выбора диапазона в ползунке и API настройки плотности для компонентов.
• Комплект разработчика компонентов (CDK) добавляет примитив списка CDK.
• Улучшения экспериментальной поддержки сборщика JavaScript ESbuild с экспериментальной поддержкой Sass, шаблона SVG, замены файлов и ng – watch.
• Angular CLI позволяет создавать новый автономный компонент через ng g component –- standalone. И вывод ng new упростили, удалили test.ts, polyfills.tsи environments уменьшить конфигурацию.
• Разработчики могут глобально изменить конфигурацию форматирования по умолчанию для DatePipe.
• Языковая служба теперь может автоматически импортировать компоненты, используемые в шаблоне, но не добавленные в автономный компонент или NgModule.

Планы на будущее для Angular включают улучшения конвейера рендеринга на стороне сервера и реактивности, а также улучшения качества жизни.