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

✨ Изолируй это! Про конфликты стилей в микрофронтендах В микрофронтенд-архитектуре независимость команд — это плюс, но конфликты стилей часто ломают UI: кнопка меняет цвет, шрифты прыгают, глобальные правила переопределяют локальные. Александр Битько рассказал, как найти баланс между автономией и согласованностью через стратегии изоляции стилей. 👉 https://habr.com/ru/companies/psb/articles/946938/

✨ Angular Zoneless Unit Testing Angular движется в сторону Zoneless-архитектуры. Полная миграция приложения — сложный процесс, но вы можете начать подготовку уже сейчас, адаптировав свои юнит-тесты. Это поможет проверить совместимость компонентов с Zoneless-режимом еще до полного отказа от Zone.js в вашем проекте. 👉 https://www.angularspace.com/angular-zoneless-unit-testing/

✨ Разработка приложений с ИИ на Angular и Gemini Многие фронтендеры думают, что для работы с AI обязательно нужен Python и глубокая экспертиза в бэкенде. Статья развенчивает этот миф и показывает, как Angular-разработчики могут легко интегрировать Gemini API в свои приложения. 👉 https://www.angularspace.com/building-ai-powered-apps-with-angular-and-gemini/

✨ Angular signals 101 Если каким-то чудом тема сигналов прошла мимо вас или вы все откладывали знакомство с ними на потом, самое время наверстать. Алексей Васильев написал подробное техническое руководство по новой реактивной модели Angular, основанной на сигналах. Сегодня вместо подкаста, музыка от SUMMON_THE_CODER в комментариях. 👉 https://habr.com/ru/articles/951486/

✨ SSL-сертификаты: самый прибыльный развод интернета Годами индустрия продавала «премиальные» SSL-сертификаты за сотни долларов. Однако сегодня бесплатные аналоги, предлагают абсолютно тот же уровень защиты. Покупка платного SSL-сертификата в 2025 году — это, по сути, плата за воздух. Различия вроде «гарантий» и «лучшей совместимости» — не более чем маркетинговые уловки. Статья рассказывает, как сформировался картель центров сертификации с наценкой до 49,000% и как проект Let's Encrypt навсегда изменил правила игры. 👉 https://habr.com/ru/articles/947178/

📚 Когда справочник по CSS превращается в комедию ошибок Современные книги по программированию всё чаще страдают не только от плохого перевода, но и от катастрофического количества ошибок. Автор статьи приводит целую коллекцию ляпов: от кривых примеров кода до внезапных вставок про Photoshop. 👉 https://habr.com/ru/articles/926464/

✨ Чистый код на TypeScript Качество кода напрямую влияет на скорость разработки и легкость поддержки проекта. Особенно это актуально для TypeScript, где следование принципам чистого кода помогает делать проекты предсказуемыми, читабельными и профессиональными. В статье на примерах разбираем, почему избыточный контекст в именах зло, как декларативный подход выигрывает у императивного, и зачем использовать readonly для защиты от случайных мутаций. 👉 https://habr.com/ru/articles/948488/

✨ Все о новых Signal Forms В Angular появился экспериментальный API Signal Forms — новый подход к работе с формами, основанный на сигналах. Это важный шаг к более чистому и реактивному фреймворку, который решает многие классические проблемы с валидацией и управлением состоянием. Новый API упрощает создание сложных сценариев: от базовых проверок до кастомных синхронных и асинхронных валидаторов. В статье на примере формы управления полетами разбираются все ключевые возможности. 👉 https://www.angulararchitects.io/blog/all-about-angulars-new-signal-forms/

🚨 Angular SSR: Патчи безопасности Недавно команда Angular выпустила внеплановые обновления, связанные с устранением серьезной уязвимости в SSR. Проблема была в том, что при одновременной обработке нескольких запросов они могли случайно делиться состоянием. В худшем случае это приводило к утечке данных между пользователями. Патчи выпущены для всех актуальных версий Angular, начиная с 18 и выше. Рекомендуем как можно скорее обновить свои проекты. 👉 https://github.com/angular/angular/security/advisories/GHSA-68x2-mx4q-78m7

✨ afterRenderEffect, afterNextRender, afterEveryRender & Renderer2 В Angular, кроме привычных сигналов, есть и другие полезные инструменты: afterRenderEffect, afterNextRender, afterEveryRender и Renderer2. Они выглядят похоже, но решают разные задачи, поэтому часто остаются в тени и вызывают путаницу. Читайте статью, чтобы увидеть наглядные примеры кода и разобраться, какой инструмент лучше подходит для ваших целей. 👉 https://www.angularspace.com/afterrendereffect-afternextrender-aftereveryrender-renderer2/

✨ Вам больше не нужен JavaScript Современные CSS и HTML могут заменить значительную часть JavaScript. Забудьте про раздувшиеся node_modules и тормоза, веб может быть проще и эффективнее. Автор статьи доказывает, что современный CSS стал настолько мощным, что способен выполнять множество задач: начиная со сложных анимаций и заканчивая логикой компонентов. 👉 https://habr.com/ru/articles/946498/

✨ За горизонтом: как Angular внедряет ИИ для приложений нового поколения В блоге команды Angular вышла статья, как они активно интегрирует генеративный AI в экосистему фреймворка. Речь не просто об адаптации к трендам, а о создании инструментов, которые помогут LLM генерировать качественный и современный код для Angular-приложений. В статье представили Web Codegen Scorer — open-source инструмент для оценки качества AI-сгенерированного кода. Он позволяет анализировать типичные ошибки LLM и быстрее адаптировать их под новые возможности Angular. 👉 https://blog.angular.dev/beyond-the-horizon-how-angular-is-embracing-ai-for-next-gen-apps-7a7ed706e1a3

Еще 40+ вредоносных npm пакетов подъехало, разбирайте — среди них много angular related. Проверяйте свои проекты https://www.stepsecurity.io/blog/ctrl-tinycolor-and-40-npm-packages-compromised

✨ Angular 19+. Пытается удержаться на плаву Новые версии Angular привнесли множество новых API. Но вместе с этим, ощущение, что фреймворк теряет свою уникальность и все больше становится сборной солянкой решений из React, SolidJS и Svelte. Максим Долгих задается вопросом: не исчезает ли сама архитектурная ценность Angular за постоянными заимствованиями? Главные претензии: сигналы дублируют RxJS, effect() копирует useEffect из React, а SSR ломает изначальную философию SPA. Разработчикам приходится работать сразу с несколькими парадигмами, что усложняет поддержку и найм. Angular остается мощным инструментом, но вместо ясного пути развития мы видим гибрид всего и сразу. Статья не является полным осуждением, а скорее призывом к дискуссии о будущем Angular и его экосистемы. 👉 https://itnext.io/angular-19-trying-to-stay-afloat-abee8fcfae53?sk=7e744d055f73006033af1ef3bd651010

✨ Почему в 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