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

✨ Разбор причин сверхмедленных тестов в монорепозитории 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/

✨ Недооцененные возможности Angular А ты знал, что Angular прячет настоящие сокровища для разработчиков? Малоизвестные фичи вроде сложных селекторов директив или чтения сервисов из ViewChild. Например, можно автоматически добавлять тултипы к обрезанным текстам, управлять стилями с Shadow DOM или оптимизировать производительность с помощью NgZone.runOutsideAngular. Хочешь узнать больше таких трюков? Читай статью и делись с коллегами. 👉 https://www.angularspace.com/underrated-angular-features/

✨ Ресурсы в Angular 19.2 — революция или просто хайп? Angular 19.2 вышел и снова меняет правила игры! Новые API для асинхронной реактивности — это не просто фича, а мощный инструмент, который упростит жизнь разработчикам. Хочешь, чтобы твой код был чище, а данные грузились как по волшебству? Тогда это для тебя. Теперь с httpResource и rxResource можно легко работать с асинхронными запросами, а обновленные шаблоны сделают твой код еще элегантнее. Плюс — поддержка Set в формах и удобные миграции. 👉 https://blog.angular.dev/angular-19-2-is-now-available-673ec70aea12

✨ Angular Signals Вы когда-нибудь задумывались, как работают сигналы изнутри? В статье объясняется, как функционирует реактивный контекст и отслеживание зависимостей. 👉 https://habr.com/ru/companies/otus/articles/887494/

✨ Вайб-кодинг Как думаешь, можно ли превратить программирование в настоящий диалог с искусственным интеллектом? В эпоху нейронок появился вайб-кодинг — способ, где каждая строка кода рождается в чате, превращая рутинную работу в креативное приключение, полное эмоций и неожиданных решений. Узнай, как общаться с LLM так, как менеджер с разработчиком, и почему прототипы, созданные на коленке, способны изменить правила игры в разработке. 👉 https://vas3k.blog/notes/vibe_coding/

✨ Анонс TypeScript 5.8 Команда TypeScript представила версию 5.8 с новыми возможностями и улучшениями. Вот ключевые изменения: Улучшенная проверка условий в return Теперь TypeScript точнее анализирует условные выражения в операторах return. Это помогает находить ошибки, когда ветки возвращают несовместимые типы. Например, если функция должна вернуть объект URL, а одна из веток возвращает строку, TypeScript сразу укажет на проблему. Поддержка require() для ESM в --module nodenext В Node.js 22 появилась возможность использовать require() для загрузки ESM-модулей из CommonJS. TypeScript 5.8 поддерживает это поведение с флагом --module nodenext, что упрощает переход на ESM для разработчиков библиотек без дублирования кода. Флаг --erasableSyntaxOnly для чистого синтаксиса Новый флаг выявляет конструкции TypeScript, которые нельзя «стереть» в JavaScript (например, enum или параметры свойств в классах). Это полезно для совместимости с режимом Node.js, где TypeScript-файлы запускаются напрямую. Управление заменой стандартных библиотек (--libReplacement) Флаг --libReplacement позволяет отключить автоматическую замену встроенных типов (например, dom) на кастомные из @typescript/lib-*. Это ускоряет работу, если вы не используете такую замену. Сохранение вычисляемых свойств в .d.ts-файлах Исправляет генерацию деклараций для вычисляемых свойств в классах. Оптимизации скорости работы Улучшена обработка путей и валидация настроек проекта. Это ускоряет загрузку крупных проектов и делает реакцию на изменения в режиме --watch более отзывчивой. Важные изменения в синтаксисе При использовании --module nodenext импорт с assert теперь вызывает ошибку — вместо него нужно использовать with (актуально для Node.js 22+). 👉 https://devblogs.microsoft.com/typescript/announcing-typescript-5-8/