Ожидание наконец закончено.

Angular 12 уже вышел, и разработчики в восторге, как и компании, чьи веб-сайты построены на Angular. Обновление этого веб-фреймворка на основе TypeScript от Google было опубликовано 12 мая 2021 года.

Разработчики говорят, что эта версия Angular приближается к достижению «Ivy Everywhere». Ivy - это канал компиляции и рендеринга следующего поколения. Другими словами, он очень продвинутый и может предлагать такие функции, как улучшенная скорость загрузки страницы, которые были недоступны раньше.

Команда Angular также объявила, что View Engine будет удален в следующем выпуске. Текущие библиотеки используют View Engine, который по-прежнему будет работать с приложениями Ivy, но авторам библиотеки рекомендуется начать переход на Ivy.

Особенности Angular 12

Языковая служба на основе Ivy уже предоставляет несколько возможностей, таких как завершение кода, переход от подписки к включению по умолчанию и подсказки внутри шаблонов. Вот некоторые из дополнительных функций и улучшений в версии 12 Angular:

• Инкрементальная компиляция - чтобы улучшить производительность CLI компилятора, Angular 12 позволяет выполнять инкрементную компиляцию при наличии перенаправленных исходных файлов .
• Лучшее кодирование - нулевое объединение теперь работает с шаблонами Angular. Это может помочь вам писать более понятный код в классах TypeScript.
• Автоматическое переключение на новый API - в настоящее время Angular Material и Angular CDK предоставляют новую поверхность Sass API, предназначенную для использования с новым синтаксисом @use. Когда вы обновляетесь до Angular 12, приложение автоматически переключается на новый API путем обновления через ng update.
• Возможности миграции - теперь в Angular 12 доступны инструменты, которые помогут вам перенести устаревшие идентификаторы локализации в идентификаторы с использованием новейших алгоритмов.
• Встроенный SASS - компоненты теперь поддерживают встроенный SASS в поле стилей декоратора @component.
• Эффективно - теперь по умолчанию запуск ng build выполняется в производственной среде, что помогает сэкономить несколько шагов и помогает предотвратить случайное развертывание сборок для разработки.
• Строгий режим - теперь строгий режим включен по умолчанию в интерфейсе командной строки. Это может помочь вам обнаружить ошибки на ранних этапах цикла разработки.
• Webpack 5 - Сборщик модулей Webpack 5 готов к производству.
• IE11 No More - вы больше не получаете поддержку браузера Internet Explorer 11.
• Поддержка компилятора - для компилятора предлагается поддержка преобразования ресурсов стилей компонентов .
• Завершение свойств Angular - дополнения свойств Angular теперь предоставляются только в шаблонах для языковой службы.
• Контекст Опция - это опция контекста была введена для компилятора-кли, чтобы разместить любой запрос , который позволяет поставляя произвольные данные таким образом , типобезопасным. Эта функция устраняет необходимость настройки перехватчиков в HTTP-клиентах для каждого запроса.
• Прорыв в элементах DOM - для анимации элементы DOM теперь правильно удаляются при удалении корневого представления. Это критическое изменение.
• Удаление ненужных функций - для повышения производительности из DomAdapter были удалены неиспользуемые методы.
• Legacy-Migrate - в localize-extract добавлен новый формат, называемый legacy-migrate , для создания файла JSON, который можно использовать для сопоставления идентификаторов устаревших сообщений с каноническими.
• Улучшенные проверки на null - строгие проверки на null сообщают о потенциально нулевом фрагменте. Это критическое изменение.
• Улучшения APP-INITIALIZER - Тип токена APP-INITIALIZER был изменен, чтобы более точно отражать типы возвращаемых значений, обрабатываемых Angular. Это критическое изменение.
• Изменения функциональности анимации - добавлена ​​поддержка отключения анимации через BrowserAnimationsModulewithConfig.
• Введение emitEvent Option - The Испустите событие опция была добавлена для FormArray и FormGroup. Это критическое изменение.
• Лучший контроль - в routerLinkActiveOptions добавлен более точный контроль .
• Реализации маршрутизатора Roulet - Разрешены пользовательские реализации выхода маршрутизатора.
• Поддержка TypeScript - добавлена ​​поддержка TypeScript 4.2 , а поддержка TypeScript 4.0 и TypeScript 4.1 прекращена.

• Реализация метода appendAll () на HttpParams .
• Для форм вводятся минимальные и максимальные валидаторы .
• Angular Language Service теперь имеет функцию, которая позволяет вам получать доступ к местоположениям для компонентов, которые используют файл шаблона.
• Новая диагностика теперь предлагает включить strictTemplates , предлагая языковому серверу способ получить диагностику параметров компилятора.

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

Я конкретно говорю о React и Vue. Обе эти платформы выпустили свои последние версии в начале 2-го квартала этого года.

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