Юнес Джааиди представляет концепцию «Универсального стиля Angular», которая упрощает интеграцию с различными внешними (сборочными) инструментами. Уорд Белл предлагает использовать формы, управляемые шаблонами, а не реактивные.
Универсальный угловой стиль
Юнес Джааиди провел анализ, почему современные инструменты сборки, такие как Vite, так сложно интегрировать в Angular. В то время как с другими фреймворками, такими как React, это почти как прогулка в парке.
Юнес показывает, что если бы мы использовали встроенные шаблоны и стили, использовали функцию ввода и, конечно, автономные компоненты, то компоненты Angular больше не требовали бы какой-либо специальной обработки.
Например, посмотрите на внедрение зависимостей через конструктор. TypeScript удаляет тип параметра. Таким образом, информация о введенном типе недоступна во время выполнения.
Вот почему компилятор TypeScript добавляет определенные метаданные, которые должны быть включены в tsconfig.json. Теперь угадайте, что? В инструментах, отличных от Angular, эта конфигурация может быть не включена, поэтому DI не работает.
Если, с другой стороны, мы используем новую функцию ввода, это больше не проблема. Параметр - это сам тип/класс. Поэтому он доступен в JavaScript, и никакой специальной настройки TypeScript не требуется.
Юнес называет такие «упрощенные» компоненты универсальными компонентами.
И такие инструменты, как тестирование компонентов Vite, Vitest, SWC или Playwright, больше не имеют с ними проблем, и интеграция довольно проста.
Формы на основе шаблонов для всех
На официальном Angular Meetup Уорд Белл представил несколько веских аргументов в пользу форм, управляемых шаблонами. По сравнению с реактивными формами они требуют меньше кода, и мы можем делать то же самое, пока не дойдет до проверки.
В этой части Уорд предлагает вообще не использовать функцию проверки Angular, а использовать более сложную библиотеку проверки, такую как жилет.
Чтобы получить больше информации о части проверки, вы можете посмотреть его выступление на ng-conf в этом году, которое доступно бесплатно при регистрации.
Между прочим: ng-conf открыли свой Call for Papers для конференции в 2023 году. Вы можете представить свой доклад до второго января.
Новые релизы
Nx 15.3
И последнее, но не менее важное: в Nx 15.3 появилась поддержка автономных проектов. Теперь у вас может быть только одно приложение Angular, которое также находится в стандартном каталоге src, а не в каталоге приложений.
Кипарис 12
И у нас есть новый основной выпуск для Cypress с версией 12. Возможность переключаться между источниками в рамках теста покинула статус бета-версии и теперь общедоступна.