Angular 16 для улучшения рендеринга на стороне сервера

Теперь, когда появился Angular 15, разработчики созданной Google веб-инфраструктуры на основе TypeScript присматриваются к улучшениям рендеринга на стороне сервера и производительности во время выполнения для запланированного выпуска Angular 16.

Ориентировочно в мае 2023 года в Angular 16 будут рассмотрены улучшения удобства использования гидратации и рендеринга на стороне сервера, причем первым шагом будет неразрушающая гидратация. Этот метод позволит повторно использовать DOM на стороне сервера и вместо его повторного рендеринга будет только подключать прослушиватели событий и создавать структуры данных, необходимые для среды выполнения Angular.

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

Улучшения удобства использования гидратации и рендеринга на стороне сервера были перечислены в дорожной карте Angular, которая последний раз обновлялась 5 ноября. Хотя эти улучшения не связаны с конкретной версией Angular в дорожной карте, официальный представитель Google на этой неделе сослался на них, когда его спросили, каковы планы. для углового 16.

Другие функции, указанные Google для Angular 16, включают следующее:

• Пересматриваем модель реактивности Angular и делаем Zone.js необязательным для повышения производительности во время выполнения. Angular по умолчанию запускает обнаружение изменений глобально; проверяются параметры для запуска обнаружения изменений только в затронутых компонентах. Это упрощает структуру, улучшает отладку и уменьшает размер пакета приложений.
• Внедрение API-интерфейсов отладки внедрения зависимостей.
• Улучшение документации и схем для автономных компонентов. Ан ng new коллекция разрабатывается для приложений, загружаемых с помощью автономного компонента.
• Изучение вариантов улучшения пакетов JavaScript, созданных с помощью Angular CLI.
• Рефакторинг документов, чтобы убедиться, что вся документация вписывается в согласованный набор типов контента.

Другие незавершенные работы, но не упомянутые Google как запланированные для Angular 16, включают:

• Оптимизация автономного импорта с помощью языковой службы, включая автоматический импорт зависимостей шаблонов для автономных компонентов. Чтобы включить меньшие пакеты приложений, языковая служба предложит автоматическое удаление неиспользуемых импортов.
• Новые примитивы CDK (Component Dev Kit) для создания пользовательских компонентов на основе шаблонов проектирования WAI-ARIA (Инициатива по обеспечению доступности веб-ресурсов с широкими возможностями доступа к Интернету) для Combobox.

Функции и улучшения в дорожной карте, которые не обязательно находятся в стадии разработки, включают API тем на основе токенов и включение возможностей Material 3; модернизация модульного тестирования; обновление панелей мониторинга производительности для обнаружения регрессий; и повышение производительности сборки с помощью ngc в качестве дистрибутива подключаемого модуля tsc. Также упоминались эргономичные API-интерфейсы разделения кода на уровне компонентов и обеспечение беспрепятственного внедрения будущих изменений RxJS.