Узнайте о новых возможностях Angular 9

В этой статье мы узнаем о том, что нового в Angular 9. Новая версия была запущена недавно, 7 февраля 2020 года.

Несмотря на то, что шумное изменение с 8 на 9 кажется огромным шагом, v9 - выдающийся выпуск, который также включает исправление ошибки.

Вдобавок ко всему, есть различные интересные функции Angular 9, которые мы собираемся обсудить в этой статье.

• Зрелая разработка с Angular
• Встроенные функции Angular
• Angular Mobile и Плющ
• Улучшения угловой диагностики
• Типобезопасный и DI в Angular 9
• Угловые тесты

Angular в настоящее время является наиболее важным фреймворком с открытым исходным кодом для разработки мобильных и веб-приложений.

Он разработан Google. Angular присутствует на рынке в течение многих лет с комплексной средой разработки, которая включает компоненты, а также инструменты, необходимые для создания веб-приложений.

У Angular чистый план развития: каждые шесть месяцев выходит новая мажорная версия.

Кроме того, команда Angular работает очень хорошо, поэтому API не меняется или меняется не так часто, как с Angular 1 на 2.

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

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

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

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

Знайте о производительности и пакетах JavaScript

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

Если вы сравните Angular с другими библиотеками, такими как Vue или React, приложение Angular будет относительно хорошим.

Во время выполнения вы не почувствуете разницы. Хотя производительность Angular хорошая, время загрузки займет много времени, потому что простое приложение также велико.

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

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

Angular Ivy решает различные проблемы

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

В настоящее время Ivy - это совершенно новый конвейер рендеринга и новая внутренняя сборка. Рендерер обычно представляет собой движок, который принимает инструкции, которые вы вставляете в компоненты Angular с шаблонами.

Он также выполняет функцию преобразования компонентов в инструкции, которые изменяют DOM (объектную модель документа).

Компилятор Ivy спрятан, и он также заменяет ViewEngine с Ivy, но это не меняет способ работы с Angular. Но это не меняет того, как вы работаете с Angular.

Это изменение оказывает заметное влияние на создаваемый код.

Предварительный просмотр Angular 8 помогает пользователю легко работать с Ivy. При использовании с учебником Angular 9 Ivy в настоящее время является одним из стандартных средств визуализации.

Если средство визуализации легко реализовать и оно эффективно, это означает, что вы можете создавать меньше кода, поскольку нет необходимости в дополнительных инструкциях.

Ivy предоставляет очень меньше пакетов JavaScript, таким образом, он устраняет все недостатки, связанные с пакетом Angular.

Кроме того, Ivy изменит всю игру, поскольку выведет приложения Angular на совершенно новый уровень с точки зрения размера и производительности.

Ivy никогда не меняет способ использования Angular, но меняет всю технику создания приложений.

Команда Angular уделяет внимание таким инициативам, как раздел о дифференциальной загрузке современного JavaScript, внедренный вместе с Angular.

Это означает, что различные пакеты полифиллов развертываются и разрабатываются вместе.

Гибкие мобильные приложения с Angular Ivy

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

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

Уменьшая размер пакетов JavaScript, Ivy становится долгожданным улучшением для разработчиков, которые хотят ускорить процедуру разработки.

Улучшения угловой диагностики

Ранее компилятор Angular генерировал как внутреннюю диагностику API, так и диагностику TypeScript. Тем не менее, диагностика TypeScript выиграла от текущих улучшений, которые не были реализованы в диагностике API.

Вместо того, чтобы работать с несколькими форматами, Angular 7 полностью упростит процесс, преобразовав всю диагностику компилятора Angular TypeScript в аналогичный формат диагностики TypeScript.

Последняя версия 9 также не позволит приложениям избежать потенциальных проблем, используя реестр схемы для проверки привязок DOM.

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

Обновление в API Extractor

Angular зависит от различных программных библиотек, которые разрабатываются отдельно.

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

В ответ Angular 9 обновит API Extractor до новой версии.

Angular использует Bazel как оборудование с открытым исходным кодом, которое позволяет тестировать программное обеспечение и автоматизировать строительство.

Bazel - это инструмент, который задействован во время сборки цепочкой инструментов Angular.

Это также дает преимущество механизма компилятора TypeScript для создания отчета о контракте, обнаружения экспортируемой поверхности API проекта и отсутствия видимости и несогласованности. Он выпускает документацию по API.

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

Что ждет Angular в будущем?

С появлением Angular 9 сообщество может получить преимущество от небольших приложений до высокопроизводительных приложений и значительный опыт разработчиков.

Разработчики также имеют более точную структуру проекта и четкий синтаксис.

Команда Angular также ожидала, что никаких серьезных изменений в APU не потребуется.

Есть ли еще устаревшие и альтернативные методы создания компонентов?

В будущем больше внимания будет уделяться тому, чтобы тратить больше времени на разработку директив и компонентов, и меньше времени будет уделяться их объединению.

Команда Angular также помогает с некоторыми рекомендациями по некоторым исправленным проблемам компилятора и упаковке модулей.

Во время этого процесса команда также переносит минифицированный Terser для лучшего синтаксического анализа для компилятора Ivy на основе рекомендации команды Angular.

Если вы также хотите создать мобильное приложение с помощью AngularJS Mobile App Development , сейчас самое время связаться с Элснером.