Правило сигмы, лежащее в основе любого обновления языка программирования, простое — лучше и надежнее предыдущей версии. Angular вышел с совершенно новым релизом Angular 13 3 ноября 2021 года. По мнению экспертов, учитывая последние 12 показателей, 13-я версия более оптимизирована и всесторонне повышает производительность разработчиков.
Оглавление
Давайте узнаем как?
Angular 13 и его возможности
Новый Angular 13 пришел со База мобильных номеров телефонов Польши многими последними обновлениями и функциями, и в то же время он удалил несколько. Любой, кто следит за предыдущими релизами Angular, будет искать «IVY».
В своем предыдущем сегменте команда разработчиков уже упоминала, что они работают на будущее и в последней версии Angular они введут «Ivy Everywhere» .
Команда Angular однажды дала обещание, и оно было выполнено.
В Angular 13 Ivy играет важную роль, предоставляя разработчикам множество вариантов в различных областях для внедрения новейшего процесса проектирования и разработки без каких-либо хлопот.
View Engine больше не доступен!
Из многих, наиболее обсуждаемой отсутствующей функцией Angular v13 является View Engine. Команда удалила View Engine вместе с метаданными и файлами сводки.
Но для разработчиков новость об удалении View Engine была радостью. Потому что теперь они могут компилировать эти большие файлы быстрее, чем раньше.
Удаление View Engine ясно показало, что команда ставит запросы и отзывы пользователей превыше всего. Никаких компромиссов!
Обновленный формат пакета Angular (APF)
Обновленный APF поставляется с последним форматом JS, ES2020. В результате не будет необходимости в ngcc при построении новых библиотек.
Кроме того, новейший формат Google Bard против ChatGPT — лучшее сравнение 2023 года! пакетов Angular (APF) поддерживает экспорт пакетов Node, что помогает разработчикам получать более компактный вывод пакетов и меньшее время выполнения, чем в предыдущей версии.
TypeScript 4.4 уже здесь!
Не вызывает сомнений, что Angular — это веб-фреймворк на основе TypeScript. В этой последней версии команда Angular включила TypeScript 4.4. Это означает, что теперь пользователи могут получить доступ к нескольким языковым функциям для работы, чего не было в предыдущих версиях 4.2 и 4.3.
Нет места для Microsoft Internet Explorer 11
Новый Angular 13 удалил Internet Explorer 11 (IE11) из поддержки браузера, чтобы ускорить время загрузки страницы. В результате пользователи теперь могут воспользоваться новейшими современными переменными CSS и веб-анимацией без каких-либо задержек.
Обновления API компонентов:
В Angular 13 появился новый Факс-маркетинг View Container Reference, написанный как ViewContainerRef.CreateComponent API. ComponentFactoryResolver больше не используется. Используя ViewContainerRef.CreateComponent, пользователи могут максимизировать строку кода при создании API.
Пример следующий:
В Angular 12 при создании компонентов.
Директива({ … })
экспорт класса MyDirective {
конструктор (частный viewContainerRef: ViewContainerRef,
частный компонентFactoryResolver:
ComponentFactoryResolver) {}
создатьМойКомпонент() {
const componentFactory = this.componentFactoryResolver.
resolveComponentFactory(МойКомпонент);
this.viewContainerRef.createComponent(componentFactory);
}
}
В Angular 13 – можно записать так:
@Директива({ … })
экспорт класса MyDirective {
конструктор (частный viewContainerRef: ViewContainerRef) {}
создатьМойКомпонент() {
this.viewContainerRef.createComponent(MyComponent);
}
}
Как только пользователи получат доступ к Angular 13, они обнаружат, что многие изменения API, подобные этому, весьма продуктивны.
Улучшенный испытательный стенд
Команда Angular проделала фантастическую работу и внесла значительные улучшения в сегмент Testbed. DOM будет очищаться по умолчанию с каждым тестом, и теперь разработчики могут получить более быстрые и оптимизированные результаты тестов.
Недавно добавленные компоненты Material Design (MDC)
Внешний вид имеет значение. Даже в мобильных приложениях и веб-страницах, чем лучше дизайн, тем больше он привлекает пользователей. Angular v13 поработал над компонентами материального дизайна и улучшил его форму, цвет и размер намного лучше, чем когда-либо.
Переключатели и флажки имеют больший размер сенсора для более удобного использования в режимах с более высокой контрастностью.
Другие важные обновления
Команда Angular перешла на Adobe Fonts, заменив шрифты Google из Angular 11. Команда верит, и она также доказала, что встроенные шрифты предназначены для улучшения производительности вашего приложения. Просто введите ng update, и вы сможете получить доступ к обновлению Adobe Point для лучшего использования.
Как обновиться до Angular версии 13?
Если у вас предыдущая версия Angular 12, вы можете напрямую нажать на ссылку ниже, чтобы получить пошаговую инструкцию, которая поможет вам обновиться до последней версии Angular 13. https://update.angular.io/ для подробного руководства!
Выпущен Angular 13
Приведенное выше описание обновлений и функций указывает на то, что Angular 13 уже вышел. С некоторыми небольшими, но значительными изменениями пользователи теперь должны улучшить свою производительность ради общего блага.
Angular имеет опыт выпуска последних версий каждые шесть месяцев. Каждый раз, когда они привносят что-то новое, это приносит максимальную пользу каждому пользователю.
На этот раз они внесли некоторые необходимые и надежные изменения, которые могут пригодиться разработчикам приложений и веб-сайтов. Если вы заядлый пользователь An