Актуализация Angular до 10 версии и описание его новых функций и свойств.
Новый Angular 10
С тех пор, как вышел Angular 9 прошло только 4 месяца и уже выпустили новый Angular 10! Изменения коснулись всего фреймворка в целом, а также средств командной строки и библиотеки составляющих Angular Material.
Разработчики настроены на выпуск значимых релизов два раза в год. Причин для этого существует несколько: Angular должен соответствовать развитию технологий и системе JavaScript. Также должен быть стабильный план выпуска мажорных релизов для Angular. Выпуск следующего варианта платформы, номера 11 планируется на эту осень.
Достоинства нового Angular
Есть новая составляющая в Angular Material, отвечающая за выбор дат в диапазонах.
Для его работы необходимо использовать mat-date-range-input и mat-date-range-picker.
По этой ссылке можно посмотреть, как он используется. И в этом источнике – детали его использования.
Импорты CommonJS
Из-за существующей проблемы использования зависимостей формата Common JS, которая приводит к возрастанию объема приложения и ухудшению его рабочих свойств, теперь Angular10 имеет свойство предупреждать пользователя, если в составляющих есть такие пакеты.
В случае появления подобного неудобства, связанного с использованием зависимостей, нужно изменить в настройках проекта на использование ECMAScriptModule.
Новая платформа имеет особый режим, в котором есть строгие параметры. Он используется в момент создания пространства для работы и выглядит как ng new --strict.
При использовании флажка --strict новый проект начинает использование других параметров, в результате чего стабильность проекта становится лучше, своевременно замечаются ошибки и приложение лучше оптимизировано. Конкретное влияние флажка в следующем:
Изменение параметра в Type Script
- Изменение параметра при проверке шаблонов
- Увеличивается строгость на 75% в ограничении в размерах пакета
- Начинают применяться правила линтинга, которые не позволяют появиться таким вещам как any
- При настройке приложения, в его коде нет нежелательных эффектов, при этом лучше применяется tree shaking
Какие возможности есть сейчас у Angular
В обновленном релизе внесены изменения в зависимости и теперь Angular применяет модернизированные схемы Java Script%:
- Type Script обновлен до 3,9
- TS Lib улучшен до 2,0
- Апгрейд TS Lint до 6,0
Помимо этого, изменено строение проекта: теперь возможна работа с tsconfig.base.ison. Этот вспомогательный инструмент улучшает поддержку разрешения в настройках и видах пакета, IDE, а также способы для свода проекта.
Обновление конфигурации браузеров
Были внесены изменения в настройки браузера в обновленной версии. Были удалены неактуальные браузеры, а также те, которые почти не применяются.
На картинке ниже приведены свойства браузеров, используемых в Angular 9
И применяемые в обновленном релизе.
Есть недостаток: автоматическое отключение ES5 сборки. Для его включения нужно добавить в .browserslistrc браузеры, ы которых нужно изменение.
Работы с сообществом
Была сделаны шаги к лучшему взаимодействию с сообществом. Мы уменьшили список в трекерах и привели его значение к уменьшению на 700 пунктов. Задачи, которые были улучшены – это frame work, приборы строки инструментов и компоненты. Уже были сделаны улучшения в отношении 2000 задач и планируем сделать больше в скором времени.
Классификация возможностей
В Angular Package Format теперь нет пакетов ESM5 и FESM5, при этом есть экономия трафика на 119 М б, кода используются команды varn или npm install для библиотеки. Преобразования теперь делаются в конце сборки, потому в этих форматы более нет необходимости.
После общения с сообществом, приняли решение не использовать неактуальные браузера, в том числе IE9,10 и internet explorer mobile.
Апгрейд до Angular 10
Во избежание трудностей во время установки обновлений, пройдите на этот ресурс. Также советуем пошагово совершать обновления и обновлять до следующего релиза.
Читайте также: Языки программирования в 2020 году: какой начать осваивать?. Также ранее мы писали о том, что Google может вернуться на рынок «умных» очков.
Оригинал статьи на нашем сайте: https://h-it.ru/vstrechaem-angular-10
