✨ Паттерн Фасад

Соскучились по паттернам? Тогда держите Фасад в Angular — спасение для тех, кто хочет писать понятный код.

В статье на примере компонента "Список пользователей" показано, как Фасад берет на себя работу с API, управление пагинацией и т.д.

👉 https://www.angularspace.com/facade-pattern-in-angular/

✨ Познакомьтесь с AfterRenderEffect

Боретесь с тормозами при работе с DOM в Angular? Встречайте afterRenderEffect из Angular 19 — новый хук, который объединяет мощь effect и afterRender.

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

В статье подробно объясняется, как работает afterRenderEffect, с примерами из практики. А для более глубокого изучения загляните во вторую статью или документацию.

👉 https://angular.love/get-to-know-the-afterrendereffect

✨ Создание приложений на базе нейросетей с Genkit и Angular

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

В этом посте показано, как с помощью Genkit, подключиться к моделям вроде Gemini 2.0 Flash и использовать их в своих Angular приложениях.

👉 https://medium.com/angular-blog/build-ai-powered-apps-with-genkit-and-angular-707db8918c3a

✨ Как сделать приложения доступными

С 28 июня 2025 года вступает в силу Европейский акт о доступности (EAA). Речь идет о создании цифровых сервисов, удобных для всех, независимо от физических возможностей.

В серии статей вы найдете историю доступности, статистику, стандарты и инструменты для тестирования. И помните, доступность — это не только соблюдение закона, но и вопрос этики, роста аудитории и удобства для всех.

👉 https://www.angulararchitects.io/en/blog/web-accessibility-in-angular/

✨ Получение лучших ответов от LLM с помощью документации

Вы когда-нибудь злились, что большие языковые модели (LLM) выдают полную ерунду на ваши вопросы о коде? Это как спросить коллегу о баге, не показав ни строчки программы. Оказывается, чтобы LLM вроде ChatGPT или Claude давали точные ответы, им нужен правильный контекст.

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

Переходите на GitHub репозиторий из статьи, где размещена готовая документация по Angular, и убедитесь сами в ее эффективности.

👉 https://dev.to/this-is-angular/getting-better-llm-responses-using-ai-friendly-documentation-24f1

✨ Запуск Angular без инструментов сборки, Node.js и npm

А что, если запустить Angular без npm и сборки прямо в браузере? Это не шутка, а реальный эксперимент.

Конечно, он не подходит для продакшена, но разве не любопытно увидеть Angular в таком необычном формате?

👉 https://edbzn.dev/nobuild-angular/

✨ Разбор причин сверхмедленных тестов в монорепозитории Angular

Представьте: вы отправляете pull request, а CI-конвейер превращает его в бесконечное ожидание.

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

TL;DR: Не использовать Nx.

👉 https://www.angularspace.com/autopsy-of-super-slows-test-in-an-angular-monorepo-2/

✨ Deprecation PR для *ngIf/For/Switch

Angular обновляется: структурные директивы *ngIf, *ngFor и *ngSwitch объявлены устаревшими начиная с версии 20. Вместо них рекомендуется использовать новые блоки управления потоком @if, @for и @switch, представленные еще в версии 17.

Это изменение позволит уменьшить размер бандлов, улучшить производительность и избавиться от утечки памяти в ngFor.

👉 https://github.com/angular/angular/pull/60492

✨ Angular переходит на JSX

Команда Angular официально объявила, что прислушалась к пользователям, недовольным новыми блоками управления потоком, и принимает радикальное решение — полный переход на JSX из React.

Если @if кажется вам громоздким, то синтаксис {condition && <div>content</div>} точно понравится.

В дополнение к этому революционному изменению, Angular планирует импортировать наиболее популярные реактовские хуки, useState и useEffect.

Апдейт уже доступен через специальную команду: ng update @angular/core@19 @angular/cli@19 --force-jsx-mode

👉 https://github.com/angular/angular/issues/5131

✨ Написание устойчивых тестов

С переходом с HttpClient на httpResource может потребоваться переписывание всех зависимых тестов.

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

Например, в тесте достаточно указать, что запрос возвращает обычный объект с данными, а Angular самостоятельно обработает остальное.

👉 https://timdeschryver.dev/blog/writing-resilient-angular-component-tests-that-use-httpresource-with-httptestingcontroller

✨ Angular linkedSignal

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

В отличие от computed, linkedSignal создает реактивную связь с источниками данных, но при этом остается изменяемым, что позволяет легко реализовывать крайние случаи.

👉 https://blog.angular-university.io/angular-linkedsignal/

✨ Новый синтаксис в Angular: революция или прототип?

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

В свежем Pull Request от команды появился экспериментальный синтаксис для шаблонов без селекторов — мощный, лаконичный и… пока еще сырой.

Кроме того, Минко Гечев рассказал о концепции selectorless.

👉 https://github.com/angular/angular/pull/60724

✨ Что следует знать фронтенд разработчику

В чем же секрет профессионального роста? В системном мышлении! В умении понимать, как работает весь процесс: от DNS-запроса до рендеринга пикселей на экране, от бизнес-требований до создания эффективной команды и формирования ценностей.

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

👉 https://dev.to/nikopragmaoptima/what-should-frontend-developer-really-know-66n

✨ Accessible Angular Routes

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

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

👉 https://www.angulararchitects.io/en/blog/accessible-angular-routes/

✨ AI 2027: Будущее наступает раньше, чем мы думали

Что, если сверхчеловеческий интеллект появится уже через пару лет и изменит мир сильнее, чем промышленная революция?

Авторы статьи — эксперты из OpenAI, Гарварда и топовые исследователи ИИ, рисуют ошеломляющую картину ближайшего будущего.

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

Готовы узнать, что нас ждет?

👉 https://ai-2027.com/

✨ Как победить хаос ручных контрактов с бэкендом

Знаете, что общего у устных договоренностей между фронтендом и бэкендом? Они рушатся быстрее, чем карточный домик! Бэк поменял userId на clientUuid, фронт падает.

Статья рассказывает, как используя OpenAPI и инструмент ng-openapi-gen, можно полностью отказаться от ручного описания моделей и сервисов.

👉 https://habr.com/ru/articles/899238/

✨ Как заставить TS работать на вас

Считаешь TypeScript лишней головной болью? А что, если он может стать твоим лучшим союзником, экономя время и нервы?

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

👉 https://habr.com/ru/companies/sportmaster_lab/articles/899546/

✨ Интеграция httpResource с HttpInterceptors

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

Поскольку HttpResource использует HttpClient под капотом, доступны HttpInterceptors. Они позволяют перехватывать и обрабатывать HTTP-запросы и ответы, добавляя пользовательскую логику в процесс получения данных.

👉 https://dev.to/railsstudent/integrating-angulars-httpresource-with-httpinterceptors-48io

✨ Знакомство с httpResource

Уже используете httpResource? Даже если вы уже знакомы с этим инструментом, данный разбор раскроет еще более тонкие аспекты его применения.

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

👉 https://www.angularspace.com/meet-http-resource/

✨ Как мы реализовали визуализацию связей в ER-дизайнере на Angular

Работаете с десятками сущностей и связей? Без визуализации тут не обойтись.

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

👉 https://habr.com/ru/companies/k2tech/articles/897284/