✨ Ваш AI-помощник в 2025: Кто круче всех?

А вы знали, что выбор нейросети в 2025 году — это как подбор идеального инструмента для работы? Одна модель спасает ваши тексты, другая кодит как сеньор, а третья ищет актуальную информацию лучше Google.

Это небольшое руководство поможет вам не потеряться в AI-джунглях и сэкономить время, нервы и деньги.

P.S. А какими моделями пользуетесь вы? Делитесь в комментариях

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

✨ Сигналы убьют RxJS?

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

TL;DR: Signals — для удобного управления состоянием, RxJS — для сложных событий и асинхронных потоков. Вместо того чтобы выбирать что-то одно, лучше использовать подходящий инструмент для задачи или даже комбинировать оба, когда это имеет смысл.

👉 https://angularexperts.io/blog/signals-vs-rxjs

✨ Личный взгляд на типы сигналов в Angular

Развитие API ресурсов, похоже, задает направление, в котором Angular будет упрощать работу с асинхронными данными.

В этой статье автор делится своими мыслями о сигналах: когда он их применяет и как они соотносятся с другими подходами, например RxJS.

P.S. Спасибо за ваши мнения в комментариях к предыдущему посту — мы их ценим 💖

👉 https://www.angularspace.com/my-personal-take-on-signal-types-in-angular/

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

Соскучились по паттернам? Тогда держите Фасад в 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