Рубрики
Без рубрики

⭐angular 13 Особенности ⭐

Угловые 13 особенности. Помечено JavaScript, угловые, начинающие, WebDev.

Привет,

Версия 13.0.0 здесь, и она имеет несколько отличных обновлений для угловых разработчиков везде. 🎉 🎉

TL; DR 🙌

✅ Просмотр двигателя больше не доступен в угловом угловом количестве от V13

✅ Изменения в формате углового пакета (APF)

✅ Обновления компонентов API

✅ конец IE11 поддерживать

✅ Улучшения на угловой CLI

✅ Изменение структуры и обновления зависимости ( Tymdercript 4.4 , RXJS 7.4 Несомненно

✅ Улучшения угловых испытаний

✅ Обновления компонентов угловых материалов

✅ PR слияет из сообщества

✅ Документы обновлены | Документы обновления | Док будет обновлено

Посетите Update.angular.io Для получения подробной информации и руководства. Иметь лучший опыт обновления,

Обновление до 13.

ng update @angular/cli @angular/core

Для того, чтобы обновить глобальную угловую,

npm i -g @angular/cli

Что в этом выпуске?

✅ Ivy – это двигатель по умолчанию, доступный в V13 👌

  • Угловая команда уже упоминала, что они будут удалять мотор зрения с будущих крупных выпусков.
  • Прочитайте об этом от Minko Gechev Right здесь
  • 👉 Удаление двигателя зрения также означает, что угловые могут снизить свою зависимость от NGCC (Компилятор угловой совместимости)

✅ Изменения в формате углового пакета (APF)

  • 👉 Библиотеки, построенные с последней версией APF ( Формат углового пакета ) больше не требует использования NGCC из-за стандартизации на более современных форматах JS, такими как ES2020.
  • В результате этих изменений разработчики библиотеки могут ожидать выхода Sceller Package и более быстрое выполнение
  • Удалены старые выходные форматы, в том числе уединенные метаданные по просмотру двигателя от APF в V13
  • Обновите в APF для поддержки экспорта пакета узла, которые помогают разработчикам непреднамеренно полагаться на внутренние API, которые могут измениться.

✅ Обновление компонентов API

  • Перед изменениями в угловом V13 динамически создание компонентов потребовалось много кода шаблона.
  • 👉 Новый API удаляет потребность в ComponentFactoryResolver быть введенным в конструктор.
  • Avy Avy создает возможность создавать создание компонента с помощью ViewContainerRef.createComponent без создания связанного завода.

Создание компонентов с предыдущими версиями угловых

С новым API этот код может стать:

✅ Конец поддержки IE11 🎉

  • Это позволяет угловать использовать современные функции браузера, такие как CSS Переменные и веб-анимации через родные веб-API Анкет
  • 👉 Приложения будут меньше и загружать быстрее, потому что мы можем удалить Т.е. определенные полифилки и кодовые пути Анкет
  • Это также удаляет необходимость в Дифференциальная загрузка
  • Запуск обновления NG автоматически отбросит эти разделительные полифимки IE и уменьшают размер связки во время миграции проекта.
  • 👉 Разработчики, которые все еще нужно поддерживать пользователями IE11 для существующих проектов, могут продолжать использовать угловой V12, и он будет поддерживаться до 20 ноября 20022 года

✅ Улучшения на угловой CLI

  • 👉 Угловая унция поддерживает использование постоянного кэша сборки по умолчанию для новых проектов V13. Прочитайте это здесь
  • Чтобы позволить этим функциям, разработчики могут добавить эту конфигурацию в Angular.json :
  • Узнайте больше об этом здесь

✅ Рамочные изменения и обновление зависимости

  • 👉 Поддержка TypeScript 4.4 Анкет Прочитайте это Здесь 🎉.
  • 👉 RXJS 7.4 теперь по умолчанию для V13
  • Существующие приложения, использующие RXJS V6.x, придется обновлять вручную, используя NPM установить RXJS @ 7.4 командование Инструкции по миграции можно прочитать здесь
  • От угловой 11 поддержки встроенного Google Font был представлен
  • 👉 Теперь В поддержку V13 продлен к шрифтам Adobe
  • Внутренние шрифты могут улучшить производительность вашего приложения, ускоряя первую кончанную краску (FCP)
  • Это изменение теперь включено для всех по умолчанию! Все, что вам нужно сделать, это NG обновление

✅ Улучшения углового теста

  • 👉 Исследование, которое теперь делает лучшую работу по разрыву тестовых модулей и сред после каждого теста
  • DOM теперь очищается после каждого теста, и разработчики могут ожидать более быстрого, менее интенсивного памяти, менее взаимозависимых и более оптимизированные тесты

✅ Обновления компонентов угловых материалов

  • Все компоненты на основе MDC были оценены для удовлетворения повышенных стандартов A11Y на таких областях, как контраст, сенсорный целей, ARIA и более
  • 👉 Запросы на тяга относительно доступности (A11Y) Стандарт можно прочитать здесь

✅ PR слияет из сообщества

  • 👉 Динамически включить/отключить валидаторы – # 42565 🎉.
  • 👉 Создание API Swupdate немного более эргономично – # 43668 🎉
  • 👉 Конфигурация обслуживания языка, чтобы включить автоматическое применение дополнительных цепочек на Nululable символ – # 1469 🎉.
  • 👉 Маршрутизатор EMIT Активировать/деактивировать события, когда выпускное отверстие прикреплено/отдельно – # 4333 🎉

  • 👉 Восстановить историю после отмены навигации – # 38884 🎉

    • Флаг маршрутизатора Чтобы восстановить вычисленное значение истории браузера при установке вычисляется

Для получения большего сообщите нам от создателей

Кредиты: Официальное объявление 😄.

ChangeLog: Репозиторий

Оригинал: “https://dev.to/sandeepbalachandran/angular-13-features-5b1e”

Читайте ещё по теме: