Angular долгое время предоставлял идеальный фреймворк и платформу для создания одностраничных клиентских приложений. Использование TypeScript и HTML — это всегда эксперимент, направленный на реализацию новых функций, которые могут лучше обслуживать пользователей. Следовательно, между Angular & React Frameworks всегда был долг. В последней версии Angular 11 появилось множество новых функций для изучения. Некоторые из этих функций настроены на то, чтобы переопределить ваш опыт использования Angular. Давайте посмотрим, что может предложить Angular 11.

Новые функции Angular 11, о которых вам нужно знать

1. Совместимость с TypeScript 4.0

Совершенно новый Angular обеспечивает совместимость с TypeScript 4.0, оставляя позади совместимость с версией 3.9. Такой переключатель освобождает место для желаемой скорости сборки. В результате Angular 11 помогает создавать сборки быстрее, чем все предыдущие версии. Из всех функций Angular 11, которые необходимо обсудить, эта, несомненно, является важной.

2. Поддержка HMR (поддержка замены горячего модуля)

Еще одно изменение из всех изменений Angular 11, которое необходимо обсудить, — это недавняя поддержка HMR. Эта функция позволяет без проблем заменять модули, так как полного обновления браузера в этом случае не происходит. Хотя это не новая функция, и разработчики, использующие Angular, используют ее уже много лет, удобство HMR в Angular 11 оставляет место для обсуждения.

В последней версии Angular простота настройки поддержки HMR заслуживает похвалы. Простая команда CLI поможет вам достичь всего необходимого. Простая команда ng serve с тегом hmr поможет вам с настройкой.

нг служить -hmr

3. Тестовый жгут компонентов

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

При первом появлении эта функция показала совместимость только с материалом Angular. Однако обновления в Angular 11 сделали эту функцию применимой ко всем компонентам.

Теперь MatButtonHarness можно легко использовать с материалом Angular. Эта функция расширила свою применимость к другим компонентам только для того, чтобы добавить радости разработчикам.

4. Поддержка Webpack 5

Функция Webpack жизненно важна, но проста. Используемый для компиляции нескольких файлов в один пакет, он предлагает огромную полезность для пользователей Angular. Последней выпущенной версией Webpack является Webpack 5, и ее появление вызвало ажиотаж в отрасли, поскольку пользователи хотят попробовать свои силы. Однако, учитывая недавний выпуск Webpack 5, хорошо известно, что эта конкретная версия еще не стабильна.

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

Вот команда, которой вы можете следовать с файлом package.json, чтобы запустить Webpack 5:

разрешения”: {

«веб-пакет»: «5.4.0»

5. Изменения языковой службы

Language Service в Angular — незаменимый инструмент для разработчиков и редакторов кода. Эта простая функция помогает им справляться с ошибками, подсказками, навигацией и завершением при работе с проектами Angular. Он работает как снаружи, так и внутри, чтобы сформировать наилучший результат. Тем не менее, обсуждение заключается в том, что последние функции Angular освободили место для сервиса на основе Ivy, который является более точным и совместимым.

Как и некоторые другие функции, даже функциональность языкового сервиса не завершена и находится в стадии разработки. Тем не менее, его поведение сравнимо с компилятором TypeScript. Этот сценарий делает его еще одной интересной новой функцией, которую стоит попробовать.

Изменения линтинга

Когда мы говорим об изменениях линтинга, в Angular 11 произошли захватывающие изменения. Поскольку TSLint на протяжении многих лет был в основе линтинга для разработчиков, теперь появился новый инструмент, которого можно с нетерпением ждать. Обновление до Angular 11 предоставляет пользователям инструмент ESLint. Этот сценарий означает, что основные разработчики больше не могут использовать инструмент TSLint, используя совершенно новый Angular 11. Простой трехэтапный процесс помогает пользователям переключиться с TSLint на ESLint.

Другие изменения в Angular 11, которые понравятся разработчику:

В angular 11 появилось несколько других небольших, но заметных изменений. Итак, если у вас вопрос, что нового в Angular 11? Ответ кажется довольно развернутым. Новые функции, включая улучшения сервис-воркеров, поддержку ленивой загрузки, более строгие типы встроенных каналов, изменения в функции formatDate, автоматические миграции и схемы, легко заметить.

Наряду с этим также важно и важно знать, что Angular 11 полностью прекратил поддержку мобильных устройств IE вместе с удалением IE 9 и 10. Помимо этого, выражения в ICU теперь проходят проверку типов. С таким количеством новых функций у разработчиков достаточно места для новых экспериментов.

Все функции, описанные выше, являются лишь избранными функциями, которые предлагает Angular 11. Подробный список функций и дату стабильного выпуска angular 11 можно легко найти на сайте angular, и мы постараемся охватить все последние функции в мире программирования.

Переход на Angular 11 — это простой процесс, и все, что вам нужно сделать, это использовать следующую команду:

нг обновить @angular/cli @angular/ядро

Ключевые выводы

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

Первоначально опубликовано на https://digitalizetrends.com 10 марта 2021 г.