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

✨ Почему в Linux «Всё есть файл»? Концепция «Всё есть файл» в UNIX-подобных системах — не просто красивая метафора, а ключевая архитектурная идея, которая позволяет унифицировать работу с разными ресурсами. Вместо множества разрозненных интерфейсов для дисков, устройств или сетевых соединений система предлагает общий подход. Однако не следует воспринимать утверждение «Всё есть файл» буквально. Оно обобщает удобную и полезную абстракцию, а не исключает существование специальных API и исключений. 👉 https://habr.com/ru/companies/timeweb/articles/944454/

✨ Полный реактивный цикл в Angular С приходом сигналов в Angular реактивное программирование вышло на новый уровень. Однако до недавнего времени оставался открытым вопрос: как организовать полный цикл, включающий не только загрузку данных, но и их изменение через формы и отправку обратно на сервер? Теперь этот пробел частично устранен. Ключевую роль в этом играют Signal Forms — новый прототип для работы с формами, полностью построенный на сигналах. В статье на конкретном примере показано, как с их помощью, а также других инструментов, выстроить единый и предсказуемый data flow. 👉 https://www.angulararchitects.io/en/blog/full-cycle-reativity-in-angular-signal-forms-signal-store-resources-mutation-api/

✨ Push-Notifications в PWA и браузере В отличие от нативных приложений, веб-push не требует установки из App Store, обновляется автоматически и работает на всех платформах. В статье разбираем, как построить всю систему с нуля, используя только нативные API. 👉 https://habr.com/ru/articles/945870/

✨ Библиотека компонентов на Angular Задумывались о создании собственного UI Kit на Angular, но это казалось слишком сложным? На самом деле, это вполне разумный инженерный выбор. Как минимум разработка библиотеки решает проблемы с отсутствующими компонентами и сложностями кастомизации. В статье полный гайд по созданию своей библиотеки с нуля. 👉 https://habr.com/ru/articles/914156/

✨ Signals Form Команда Angular активно интегрирует сигналы в существующие API, и формы не остались в стороне. Angular 21.0.0-next.2 представил Signal Forms. Главная идея — использовать сигналы как единственный источник правды для состояния формы. С этим дополнением общее количество возможных форм в Angular становится равным трем. Пока они находятся на экспериментальной стадии и могут измениться в будущих релизах. 👉 https://dev.to/this-is-angular/signals-form-introduction-11d1

Если обновляли пакеты сегодня — проверьтесь https://www.aikido.dev/blog/npm-debug-and-chalk-packages-compromised

✨ Не доверяй и проверяй, или как я валидировал ссылку в JavaScript Думаете, что new URL(url) — надежный способ проверить ссылку в JavaScript? Как бы не так. Этот встроенный инструмент может пропустить URL, который ваш бэкенд справедливо сочтет некорректным. Глазырин Сергей рассказал о пяти методах валидации ссылок, включая HTML-валидацию, сторонние библиотеки, запросы с использованием fetch или axios, регулярные выражения и, наконец, new URL(). Статья анализирует ограничения и преимущества каждого подхода. 👉 https://habr.com/ru/companies/tbank/articles/944084/

✨ Angular получил свой shadcn/ui Если вы работали в React с библиотекой shadcn/ui, то эта новость вас заинтересует. Zard UI — это новая библиотека компонентов, которая объединяет мощь TailwindCSS и последние возможности Angular. 👉https://zardui.com/

✨ Джун, мидл, сениор на примере велосипедистов В чем разница между джуном, мидлом и сеньором? Автор статьи объясняет грейды разработки на простом и понятном примере, обучения езде на велосипеде. Вот как выглядит это деление по его мнению: Junior — это как ребенок со страховочными колесами. Ему нужен ментор, который настроит изолированное окружение, даст простую задачу и будет следить, чтобы джун не поехал под грузовик, уронив прод. Middle — уже уверенно едет сам, без дополнительных колес. Он может самостоятельно решать задачи в рамках существующего проекта, но из-за самоуверенности может предлагать переписать все с нуля на модных технологиях, не всегда вникая в цели бизнеса. Senior — не просто доедет куда угодно, но и сам соберет себе велосипед. Он самостоятельно закроет сложную задачу, напишет проект с нуля и успешно его зарелизит. Хочешь узнать, на каком этапе ты и не пора ли снимать дополнительные колеса? Подкаст в комментариях. 👉 https://habr.com/ru/articles/846538/

✨ Angular Summer Update 2025 Йенс Кюлерс и Марк Тексон опубликовали в официальном блоге Angular статью, посвященную улучшениям в версиях 20.1 и 20.2. Ранее мы уже давали краткий обзор этих нововведений, а теперь разработчики поделились всеми подробностями. Одно из значительных нововведений — это стабильность Zoneless API. Обновление также вводит новые примитивы анимации, позволяющие использовать нативные CSS-анимации и устаревает пакет @angular/animations. Кроме того, Angular расширил свои предложения по искусственному интеллекту (ИИ), представив новый сервер MCP для кодогенерации LLM и поддержку создания приложений Angular в Gemini Canvas и Google AI Studio. Улучшения инструментов разработчика включают визуализацию маршрутизатора и графа сигналов в Angular DevTools, а также упрощенное тестирование компонентов. P.S. В комментариях можно послушать подкаст. 👉 https://blog.angular.dev/angular-summer-update-2025-1987592a0b42

✨ Стратегия обнаружения изменений в ANGULAR 17+ Стратегия обнаружения изменений OnPush — это ключевой инструмент для оптимизации производительности в Angular. В отличие от стратегии по умолчанию, которая проверяет все дерево компонентов при любом событии, OnPush позволяет избежать лишних циклов change detection. В статье подробно рассматривается, когда именно OnPush запускает проверку. P.S. А еще в комментариях можно послушать подкаст, сгенерированный по мотивам этой статьи. 👉 https://habr.com/ru/companies/ascon/articles/941766/

✨ Angular и AI: ускоряем процесс разработки С внедрением MCP-сервера, команда Angular задала интересный тренд, меняющий подход к использованию фреймворка. В статье автор поделился своим опытом: он поднял MCP-сервер, связал его с GitHub Copilot и прогнал несколько промптов. Спойлер: результат действительно впечатляет. Интеграция с Angular CLI дает AI-агенту гораздо больше контекста, и код на выходе получается качественнее. Попробуйте сами. 👉 https://habr.com/ru/articles/942376/

🚨 NX взломан Популярная билд-система NX была скомпрометирована. Вредоносный post-install скрипт, попавший в несколько версий пакета, похищает учетные данные, API-ключи, переменные окружения и криптовалютные кошельки с машин разработчиков. Зловред использует AI-инструменты, такие как Claude Code и Gemini CLI, для поиска чувствительных данных в файловой системе. Найденные секреты упаковываются и отправляются в публичный GitHub-репозиторий s1ngularity-repository, созданный от имени жертвы. В статье подробная инструкция, как проверить свою систему, полный список уязвимых версий и шаги по устранению последствий. 👉 https://semgrep.dev/blog/2025/security-alert-nx-compromised-to-steal-wallets-and-credentials/

✨ Расследуем самое длинное issue в Jest Казалось бы, обычная задача по обновлению версии Node.js с 16.10 до 18 обернулась рандомно падающими тестами в CI/CD. Расследование показало, что причина — утечка памяти, а проблема оказалась настолько глубокой, что ее решение затянулось на два года и потребовало участия команд Jest, Node.js и V8. Читай статью, чтобы узнать все технические детали этого расследования и как в итоге удалось закрыть самое длинное issue в истории Jest. 👉 https://habr.com/ru/companies/ozontech/articles/933884/

✨ Миграция на Angular Signals Сигналы в Angular обсуждают повсюду, однако многие откладывают их внедрение в свои проекты. Статья развеивает сомнения и предлагает пошаговый план, как безболезненно и постепенно перевести проект на новый реактивный примитив, не ломая все и сразу. 👉 https://www.angularspace.com/migrating-to-angular-signals/

✨ Как сделать отчёты Playwright понятными, а падения — полезными Хотите, чтобы ваши автотесты на Playwright не только работали, но и помогали быстро находить причины падений? Алексей Иванов рассказал про то, как добиться читаемых отчетов и информативных ошибок. 👉 https://habr.com/ru/companies/2gis/articles/935882/

✨ Core Web Vitals-2025: как управлять скоростью и стабильностью сайта Core Web Vitals остаются индустриальным стандартом для оценки качества сайтов. Понимание и оптимизация этих показателей напрямую влияют не только на пользовательский опыт, но и на ранжирование сайта в поисковой выдаче. В статье разбираются три ключевые метрики: Cumulative Layout Shift (CLS): Оценивает визуальную стабильность. Узнайте, как избавиться от прыгающих элементов из-за асинхронной загрузки, медиа без заданных размеров и кастомных шрифтов. Interaction to Next Paint (INP): Новая метрика, заменившая FID, измеряет отзывчивость интерфейса на действия пользователя. Как долгие задачи в основном потоке влияют на INP и как это исправить. Largest Contentful Paint (LCP): Показывает скорость загрузки основного контента. Рассказывается об оптимизации загрузки ресурсов, уменьшении Time To First Byte (TTFB) и влиянии энтропии изображения. 👉 https://habr.com/ru/companies/sberdevices/articles/940578/

✨ Монорепозитории с PNPM Workspaces PNPM — не только быстрый пакетный менеджер, но и мощный инструмент для управления монорепозиториями. В статье рассказывается, как настроить PNPM Workspaces с нуля и использовать TypeScript Project Reference. 👉 https://stefanhaas.xyz/article/monorepos-with-pnpm-workspaces/

✨ Angular CLI MCP Server LLM генерирует устаревший Angular-код? Команда Angular представила официальный MCP-сервер. Он решает главную проблему LLM — генерацию кода на основе устаревших данных. Сервер предоставляет AI-ассистентам прямой доступ в реальном времени к официальной документации, актуальным best practices и анализу вашего воркспейса. Если у вас уже есть опыт работы с ним, то команда ждет ваши отзывы и идеи на GitHub. С подробностями можно ознакомиться в официальной документации или в статье. 👉 https://angular.love/angular-cli-mcp-server-keep-your-ai-up-to-date

✨ Вышел Angular 20.2.0 Команда Angular выпустила новую версию, которая приносит множество улучшений. Давайте рассмотрим ключевые изменения. Zoneless становится стабильным Одно из самых значительных событий этого релиза — Zoneless больше не находится в режиме developer preview. Новая эра анимаций Angular представляет новое API для работы с анимациями, которое позволяет создавать их с помощью CSS. В связи с этим, пакет @angular/animations объявляется устаревшим и будет полностью удален в будущих версиях. Маршрутизация Метод getCurrentNavigation теперь устарел, ему на смену приходит currentNavigation. Поддержка TypeScript 5.9 Angular идет в ногу со временем и добавляет поддержку последней версии TypeScript. Прочее Добавлена поддержка использования as-алиасов в блоках else if, а также целый ряд других улучшений. 👉 https://github.com/angular/angular/releases/tag/20.2.0