✨ Ресурсы в Angular 19.2 — революция или просто хайп?

Angular 19.2 вышел и снова меняет правила игры! Новые API для асинхронной реактивности — это не просто фича, а мощный инструмент, который упростит жизнь разработчикам. Хочешь, чтобы твой код был чище, а данные грузились как по волшебству? Тогда это для тебя.

Теперь с httpResource и rxResource можно легко работать с асинхронными запросами, а обновленные шаблоны сделают твой код еще элегантнее. Плюс — поддержка Set в формах и удобные миграции.

👉 https://blog.angular.dev/angular-19-2-is-now-available-673ec70aea12

✨ Недооцененные возможности Angular

А ты знал, что Angular прячет настоящие сокровища для разработчиков? Малоизвестные фичи вроде сложных селекторов директив или чтения сервисов из ViewChild.

Например, можно автоматически добавлять тултипы к обрезанным текстам, управлять стилями с Shadow DOM или оптимизировать производительность с помощью NgZone.runOutsideAngular.

Хочешь узнать больше таких трюков? Читай статью и делись с коллегами.

👉 https://www.angularspace.com/underrated-angular-features/

✨ Виртуальная доска, которая не даст о себе позабыть

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

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

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

✨ Бесшовное получение данных с помощью httpResource

Мы уже писали, что скоро HTTP-запросы в Angular станут такими же интуитивными, как работа с сигналами. И теперь это реальность с новым httpResource. С ним ваши запросы автоматически обновляются при изменении данных, что идеально для динамических сценариев.

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

👉 https://blog.angular.dev/seamless-data-fetching-with-httpresource-71ba7c4169b9

✨ TypeScript на Go: в 10 раз быстрее

А что, если ваш TypeScript станет в разы быстрее? Представьте: открываете редактор, а проект грузится мгновенно, билды летают, память не тратится впустую.

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

Команда портирует компилятор на Go, в тестах, существенно сократив время сборки популярных проектов. Новая версия — не просто оптимизация, а основа для будущих ИИ-инструментов.

Хотите узнать, как это изменит вашу работу? Читайте статью и разбор интервью с автором TypeScript.

👉 https://devblogs.microsoft.com/typescript/typescript-native-port/

✨ CSS в 2025

А вы знали, что CSS в 2025 году стал мечтой фронтендеров? Забудьте про висячие слова в заголовках и прыжки контента — теперь это решается парой строк.

Что в тренде: text-wrap: balance равномерно распределяет текст, scrollbar-gutter: stable спасает от смещений, а CSS-вложенность — это как препроцессор, но нативно. Плюс псевдо-классы :user-valid и :user-invalid для работы с формами и многое другое.

👉 https://habr.com/ru/companies/ruvds/articles/877114/

✨ Что новенького в Angular 19

Если вы пропустили цикл статей об улучшениях в Angular 19, то Максим Иванов уже перевел его для вас.

Это не просто обновление, а настоящая находка для разработчиков — новые возможности ждут, чтобы вы их опробовали.

P.S. Традиционное обсуждение $mol в комментариях присутствует.

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

✨ Ваш 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