Что ждет нас в Angular 15?

В Angular 15 запланировано обновление платформы TypeScript, стабилизация API-интерфейсов автономных компонентов, упрощение создания приложения и предложит новый способ составления логики пользовательского интерфейса.

Выход новой версии Angular 15 ожидается в ноябре, об этом сказал сказал Minko Gechev, руководитель отдела по связям с разработчиками Google и инженер команды Angular. Автономные компоненты, представленные в Angular 14 в июне в качестве предварительной версии для разработчиков, уменьшат использование NgModules, которые настраивают инжекторы, а также компилятор. Автономные компоненты обещают помочь в организации, сократить количество шаблонов и упростить создание приложений. API-интерфейсы автономных компонентов переходят в стабильный статус с новым выпуском.

Также в Angular 15 должен появиться API композиции директив для составления логики пользовательского интерфейса. В своем твите Minko Gechev описал технологию, новый способ повторного использования логики пользовательского интерфейса. Этот API включен компилятором Angular, который улучшает семантику TypeScript.

Разработчики Angular также надеются выпустить MDC (Material Design Components) совместимую вместе с выпуском Angular 15.

Обновления Angular 15 так же включают:

Image directives - для повышения производительности веб-страницы с лучшими показателями Core Web Vitals.
Dependency injection debugging в просмотре Angular DevTools.
Упрощение создания нового приложения Angular CLI ng new.
Улучшена отладка в Zone.js для трассировки асинхронного стека с помощью нового API тегирования асинхронного стека, разработанного совместно с командой Chrome DevTools.

Angular разработчики проекта решили отказаться от среды тестирования Protractor, основываясь на отзывах сообщества. Для тех кто хочет продолжать использовать Protractor для текущих проектов, будет предложен вариант долгосрочной поддержки. Последняя версия Protractor ожидается в Angular 16 летом 2023 года. Ранее в Angular 12 была добавлена поддержка сред тестирования, включая Cypress, Nightwatch и WebdriverIO.

Помощь сайту

ЮMoney:

4100 1180 7209 833

Карта Сбербанк:

2202 2080 6183 7127

2.94
1
2
3
4
5

Голосов: 805

Миграция на Angular Signal Forms: взаимодействие с Reactive Forms Лучшая практика проектирования больших Angular-приложений Интеграция Keycloak - Angular: Практическое руководство по подключению приложения к системе управления идентификацией и доступом (IAM) Расширенные операторы RxJs, которые вы знаете, но недостаточно хорошо Angular Signals — использование функции untracked() для предотвращения отслеживания зависимостей Установка Playwright в сочетании с TypeScript для приложений Angular Angular Routing в Angular 17 Обнаружение локальных изменений в Angular 17 Появление нового функционала в Angular 16 и Angular 17 15 Angular директив на каждый день Улучшение читаемости кода в проектах Angular: мастерство работы с Enum и лучшие практики Изменяют ли автономные компоненты способ написания кода в Angular? Angular Signals От хорошего к великому: параметры входных данных, inputs в Angular Angular Interceptor - перехватчик ошибок http 10 лучших UI библиотек для Angular Инструкция по деплою Angular приложения на Github Pages Что ждет нас в Angular 15? Angular Swiper Image Touch Slider Angular Interceptors - рабочий пример Динамическое добавление элемента script в Angular Создание custom form field control (ControlValueAccessor) Angular тестирование component с помощью Jest Route Resolving Шпаргалка по Angular Директивы ng-template, ngTemplateOutlet и ng-container Маршрутизация Angular подробное руководство Angular & Rxjs: Отписываться или не отписываться? Кастомные элементы форм в Angular Формы. Реактивный подход. Формы. Шаблонный подход. Формы в Angular Subject Observable. Subscribe и Unsubscribe Route. Обновление шаблона Route Resolving Route передача статичных данных Route. Контроль навигации с помощью сервиса Route. Защита роутера Route. Вынос настроек роутера Route. Переключения и параметры JavaScript операторы Сервисы Структурные директивы Binding свойств директив HostListener и HostBinding Директива атрибута Навигация. Передача данных событиями События и жизненный цикл ng-content Инкапсуляция стилей и ссылки Связывание свойств и событий Компонент и модель Директива ngFor Angular CSS и Style Динамические шаблоны в Angular События Компонент и данные Шаблон и стили компонента Создание компонентов в Angular TypeScript, Bootstrap, Main.ts Установка и первый запуск Angular Руководство по Angular

Возможно, вам будет интересно

Изменяют ли автономные компоненты способ написания кода в Angular?

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

Читать подробнее

Лучшая практика проектирования больших Angular-приложений

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

Читать подробнее