Привет, парень Angular Addict.

Это 29-й выпуск информационного бюллетеня Angular Addicts — ежемесячного сборника тщательно отобранных ресурсов Angular, которые привлекли мое внимание. (Вот 28-й, 27-й и 26-й выпуски)

?Объявления о выпуске

? Что нового в Angular 18.2?

Angular 18.2, последняя дополнительная версия Angular, была выпущена в августе. Седрик Эксбрайат рассказывает о ключевых новых функциях:

• Автоматическая очистка в fakeAsync
• когдаСтабильный помощник
• defaultQueryParamsHandling в маршрутизаторе
• Миграция для переноса внедрения зависимостей, выполняемого через конструктор в функцию внедрения
• Миграция для преобразования отдельных компонентов, используемых в маршрутах, в ленивую загрузку
• Новая диагностика для обнаружения невызываемых функций в привязках событий и неиспользуемых объявлений @let
• Поддержка конфигурации загрузчика на основе атрибутов в конструкторе

? Nx 19.5 уже здесь! Stackblitz, Bun, дополнительные сборки для Vite, тестовый атомайзер Gradle

Последняя дополнительная версия Nx была выпущена в прошлом месяце. Зак ДеРоуз резюмирует новые функции:

• Поддержка StackBlitz
• Поддержка Bun и pnpm v9
• Обнаружение локальных нестабильных задач
• Улучшения просмотра подробностей проекта
• Поддержка шаблонов для targetDefaults
• Отдельные цели теперь могут отказаться от параллелизма
• Поддержка дополнительных сборок для Vite
• Конверсионные генераторы Project Crystal
• Поддержка составных сборок Gradle
• Экспериментально: атомизация теста Gradle
• Экспериментально: в выпуске Nx добавлена ​​поддержка управления версиями на основе файлов
• Поддержка React 19 (rc) и Angular 18.1

?Угловые жемчужины августа 2024 г.

«Неявные библиотеки с Nx: облегченные угловые архитектуры по соглашению»

Манфред Штайер показывает нам архитектуру, в которой конфигурации библиотеки создаются плагином Nx с использованием соглашений. Используя неявные библиотеки, мы можем создать новую библиотеку, создав папку с файлом index.ts.

Идея неявных библиотек взята из сообщения в блоге Юнеса Джаайди. Он также написал пошаговое руководство по этой теме.

?Использование изолированных модулей в Angular 18.2.

Angular 18.2 поддерживает изолированные модули TypeScript. Эта функция может сократить время сборки продукта. Марк Томпсон и Чарльз Лидинг объясняют, как работает эта функция и как настроить ее в проекте Angular.

?Будущее автономно!

В Angular 19 standalone: ​​true будет настройкой по умолчанию для компонентов, директив и каналов. Алекс Рикабо поясняет, что NgModules не будет устаревшим, и будет выполнена автоматическая миграция, которая:

• Удалить автономный: true для существующих автономных компонентов
• Добавьте standalone: ​​false к существующим компонентам NgModule, чтобы они продолжали работать

?Создание Envless Angular-приложения

В своей статье Максим Долгих объясняет, как перейти от жестко запрограммированного кода для каждой среды к универсальной сборке, которую можно использовать где угодно. Он предлагает два решения:

• Получить конфигурацию с сервера конфигурации
• Используйте Docker и создавайте файлы конфигурации JSON на этапе получения образа Docker

? Перенесите простой компонент React на Angular.

Чау Тран сравнивает модели композиции React и Angular, объясняет, как использовать компоненты Selection и Select в React Three Fiber, а также предоставляет подробное руководство по переносу этих компонентов из React в Angular.

?‍?Об авторе

Меня зовут Гергели Шеровай, я много лет работал специалистом по данным и полнофункциональным разработчиком, а также работаю руководителем фронтенд-технологии, специализируясь на фронтенд-разработке на основе Angular. В рамках своей должности я постоянно слежу за тем, как развивается Angular и сцена фронтенд-разработки в целом. Чтобы поделиться своими знаниями, я начал ежемесячный информационный бюллетень и публикацию Angular Addicts в 2022 году, чтобы каждый месяц отправлять вам лучшие ресурсы, с которыми я сталкиваюсь. Являетесь ли вы опытным фанатом Angular или новичком, я вам помогу. Дайте мне знать, если вы хотите, чтобы вас включили в список авторов. Давайте изучать Angular вместе! Подписаться здесь ?

За последние несколько лет Angular развивался очень быстро, и в прошлом году, с появлением генеративного искусственного интеллекта, наши рабочие процессы разработки программного обеспечения также быстро развивались. Чтобы внимательно следить за развитием разработки программного обеспечения с помощью ИИ, я решил начать публично создавать инструменты ИИ и публиковать свои успехи на AIBoosted.dev. Присоединяйтесь к моему учебному путешествию: подпишитесь здесь ?

Подпишитесь на меня в Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter или LinkedIn, чтобы узнать больше об Angular и о том, как создавать приложения ИИ с помощью AI, Typescript, React и Angular!

?️Предыдущие выпуски

Если вы пропустили предыдущие выпуски рассылки, вы можете прочитать их здесь, это последние 3 выпуска:

• Любители Angular #28: Angular 18.1, тестирование компонентов, руководство по SSR и многое другое
• Зависимые от Angular #27: NgRx 18, новый RFC: DomRef API, веб-хранилище с сигналами и многое другое
• Angular Addicts #26: Angular 18, лучшие практики, записи последних конференций и многое другое

? Отправьте свой ресурс Angular

Нашли ли вы в последнее время или написали интересную статью, твит или другой ресурс, посвященный Angular? Пожалуйста, дайте мне знать здесь в комментариях или напишите мне в Директ в Твиттере! Возможно, я расскажу об этом в следующем выпуске Angular Addicts!