🦊 Angular Fox 🚀 — русскогорящие новости сообщества

✨ Новый синтаксис в Angular: революция или прототип? Вы знали, что Angular готовит нечто, что может перевернуть ваш подход к написанию шаблонов? В свежем Pull Request от команды появился экспериментальный синтаксис для шаблонов без селекторов — мощный, лаконичный и… пока еще сырой. Кроме того, Минко Гечев рассказал о концепции selectorless. 👉 https://github.com/angular/angular/pull/60724

✨ Angular linkedSignal LinkedSignal — это важное дополнение к API сигналов, которое идеально подходит для сценариев, требующих как реактивности, так и возможности ручного изменения значений. В отличие от computed, linkedSignal создает реактивную связь с источниками данных, но при этом остается изменяемым, что позволяет легко реализовывать крайние случаи. 👉 https://blog.angular-university.io/angular-linkedsignal/

✨ Написание устойчивых тестов С переходом с HttpClient на httpResource может потребоваться переписывание всех зависимых тестов. В таких случаях на помощь приходит HttpTestingController, который позволяет мокировать и обрабатывать запросы. Например, в тесте достаточно указать, что запрос возвращает обычный объект с данными, а Angular самостоятельно обработает остальное. 👉 https://timdeschryver.dev/blog/writing-resilient-angular-component-tests-that-use-httpresource-with-httptestingcontroller

✨ 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

✨ Deprecation PR для *ngIf/For/Switch Angular обновляется: структурные директивы *ngIf, *ngFor и *ngSwitch объявлены устаревшими начиная с версии 20. Вместо них рекомендуется использовать новые блоки управления потоком @if, @for и @switch, представленные еще в версии 17. Это изменение позволит уменьшить размер бандлов, улучшить производительность и избавиться от утечки памяти в ngFor. 👉 https://github.com/angular/angular/pull/60492

✨ Разбор причин сверхмедленных тестов в монорепозитории Angular Представьте: вы отправляете pull request, а CI-конвейер превращает его в бесконечное ожидание. Если ваши тесты в Angular ползут медленнее, чем улитка на прогулке, эта статья — ваше спасение. В ней разбирается, почему так происходит, и дан шанс вернуть себе контроль над временем и нервами. TL;DR: Не использовать Nx. 👉 https://www.angularspace.com/autopsy-of-super-slows-test-in-an-angular-monorepo-2/

✨ Запуск Angular без инструментов сборки, Node.js и npm А что, если запустить Angular без npm и сборки прямо в браузере? Это не шутка, а реальный эксперимент. Конечно, он не подходит для продакшена, но разве не любопытно увидеть Angular в таком необычном формате? 👉 https://edbzn.dev/nobuild-angular/

✨ Получение лучших ответов от LLM с помощью документации Вы когда-нибудь злились, что большие языковые модели (LLM) выдают полную ерунду на ваши вопросы о коде? Это как спросить коллегу о баге, не показав ни строчки программы. Оказывается, чтобы LLM вроде ChatGPT или Claude давали точные ответы, им нужен правильный контекст. В статье рассказывается, как с помощью грамотного разделения документации (от полного файла до узкоспециализированных разделов) можно добиться максимально точных ответов. Переходите на GitHub репозиторий из статьи, где размещена готовая документация по Angular, и убедитесь сами в ее эффективности. 👉 https://dev.to/this-is-angular/getting-better-llm-responses-using-ai-friendly-documentation-24f1

✨ Как сделать приложения доступными С 28 июня 2025 года вступает в силу Европейский акт о доступности (EAA). Речь идет о создании цифровых сервисов, удобных для всех, независимо от физических возможностей. В серии статей вы найдете историю доступности, статистику, стандарты и инструменты для тестирования. И помните, доступность — это не только соблюдение закона, но и вопрос этики, роста аудитории и удобства для всех. 👉 https://www.angulararchitects.io/en/blog/web-accessibility-in-angular/

✨ Создание приложений на базе нейросетей с 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

✨ Познакомьтесь с AfterRenderEffect Боретесь с тормозами при работе с DOM в Angular? Встречайте afterRenderEffect из Angular 19 — новый хук, который объединяет мощь effect и afterRender. Он особенно полезен для манипуляций с DOM, поскольку предоставляет различные фазы, которые помогают оптимизировать производительность, избегать лишних перерасчетов и открывают множество дополнительных возможностей. В статье подробно объясняется, как работает afterRenderEffect, с примерами из практики. А для более глубокого изучения загляните во вторую статью или документацию. 👉 https://angular.love/get-to-know-the-afterrendereffect

✨ Паттерн Фасад Соскучились по паттернам? Тогда держите Фасад в Angular — спасение для тех, кто хочет писать понятный код. В статье на примере компонента "Список пользователей" показано, как Фасад берет на себя работу с API, управление пагинацией и т.д. 👉 https://www.angularspace.com/facade-pattern-in-angular/

✨ Личный взгляд на типы сигналов в Angular Развитие API ресурсов, похоже, задает направление, в котором Angular будет упрощать работу с асинхронными данными. В этой статье автор делится своими мыслями о сигналах: когда он их применяет и как они соотносятся с другими подходами, например RxJS. P.S. Спасибо за ваши мнения в комментариях к предыдущему посту — мы их ценим 💖 👉 https://www.angularspace.com/my-personal-take-on-signal-types-in-angular/

✨ Сигналы убьют RxJS? Как думаете, смогут ли сигналы вытеснить RxJS? Возможно, это не конец легендарной библиотеки, а новый шаг к упрощению кода. TL;DR: Signals — для удобного управления состоянием, RxJS — для сложных событий и асинхронных потоков. Вместо того чтобы выбирать что-то одно, лучше использовать подходящий инструмент для задачи или даже комбинировать оба, когда это имеет смысл. 👉 https://angularexperts.io/blog/signals-vs-rxjs

✨ Ваш AI-помощник в 2025: Кто круче всех? А вы знали, что выбор нейросети в 2025 году — это как подбор идеального инструмента для работы? Одна модель спасает ваши тексты, другая кодит как сеньор, а третья ищет актуальную информацию лучше Google. Это небольшое руководство поможет вам не потеряться в AI-джунглях и сэкономить время, нервы и деньги. P.S. А какими моделями пользуетесь вы? Делитесь в комментариях 👉 https://habr.com/ru/articles/891034/

✨ Что новенького в Angular 19 Если вы пропустили цикл статей об улучшениях в Angular 19, то Максим Иванов уже перевел его для вас. Это не просто обновление, а настоящая находка для разработчиков — новые возможности ждут, чтобы вы их опробовали. P.S. Традиционное обсуждение $mol в комментариях присутствует. 👉 https://habr.com/ru/articles/884208/

✨ CSS в 2025 А вы знали, что CSS в 2025 году стал мечтой фронтендеров? Забудьте про висячие слова в заголовках и прыжки контента — теперь это решается парой строк. Что в тренде: text-wrap: balance равномерно распределяет текст, scrollbar-gutter: stable спасает от смещений, а CSS-вложенность — это как препроцессор, но нативно. Плюс псевдо-классы :user-valid и :user-invalid для работы с формами и многое другое. 👉 https://habr.com/ru/companies/ruvds/articles/877114/

✨ TypeScript на Go: в 10 раз быстрее А что, если ваш TypeScript станет в разы быстрее? Представьте: открываете редактор, а проект грузится мгновенно, билды летают, память не тратится впустую. Будущая версия TypeScript, обещает именно это — радикальный скачок в производительности для разработчиков, работающих с большими кодовыми базами. Команда портирует компилятор на Go, в тестах, существенно сократив время сборки популярных проектов. Новая версия — не просто оптимизация, а основа для будущих ИИ-инструментов. Хотите узнать, как это изменит вашу работу? Читайте статью и разбор интервью с автором TypeScript. 👉 https://devblogs.microsoft.com/typescript/typescript-native-port/

✨ Бесшовное получение данных с помощью httpResource Мы уже писали, что скоро HTTP-запросы в Angular станут такими же интуитивными, как работа с сигналами. И теперь это реальность с новым httpResource. С ним ваши запросы автоматически обновляются при изменении данных, что идеально для динамических сценариев. Плюс ко всему, встроенная поддержка валидации через библиотеки вроде Zod гарантирует безопасность типов и данных. Меньше кода, меньше сложностей — больше времени на создание крутых приложений. 👉 https://blog.angular.dev/seamless-data-fetching-with-httpresource-71ba7c4169b9

✨ Виртуальная доска, которая не даст о себе позабыть А что, если твоя виртуальная доска, созданная с помощью Angular, станет личным мотиватором, который не даст забыть о целях? Представь: всегда под рукой пространство для идей, привычек и планов. Статья раскрывает, как автор создавал доску с нуля, делясь не только идеей, но и техническими деталями разработки. 👉 https://habr.com/ru/articles/887938/