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

✨ Создание идеальной кнопки Александр Инкин выступил на Angular TLV с докладом о том, как создавать гибкие и мощного UI-элементы. Если вам интересно посмотреть про то, как устроена Taiga UI, взглянуть на смесь хост-директив, Dependency Injection и других подходов, которые разрабатывались годами, то крайне рекомендуем уделить время этому разбору. Маст хэв для тех, кто разрабатывает UI-киты или хочет глубже понять возможности современного Angular. P.S. Забавно, что организаторы залили видео в раздел для детей. Видимо, DI и хост-директивы теперь входят в обязательную программу детского сада. 👉 https://www.youtube.com/watch?v=vc5sYiWK7aE

✨ Cloudflare Radar 2025 Cloudflare представили отчет текущего состояния интернета. Трафик и рост Интернет-трафик вырос на 19% в 2025 году, превысив 17% прироста в 2024 году. Искусственный интеллект ChatGPT остается лидером, но Claude, Perplexity, Gemini и DeepSeek превратили ИИ в конкурентную сферу. Трафик от ботов, выполняющих действия за пользователя (например, поиск дешевых билетов), вырос в 15 раз. Кибербезопасность Самая крупная атака в году достигла 31.4 Tbps в ноябре. Атаки более 20 Tbps стали регулярными к концу года. 5.6% всех проанализированных писем оказались вредоносными. 99.8% писем из домена .christmas были спамом или вредоносными. Связь Трафик Starlink вырос в 2,3 раза в течение года, благодаря расширению в более чем 20 новых странах. Более половины мирового веб-трафика приходилось на мобильные устройства в 2025 году, причем в 117 странах большинство трафика поступало с мобильных устройств. 👉 https://radar.cloudflare.com/year-in-review/2025

✨ Ёлочная игрушка, на которой запустили Doom Если вы задумывались, какой подарок сделать на Новый год, то вот идея для тех, кто любит хардкор: Doom, запущенный прямо внутри ёлочной игрушки. Автор собрал миниатюрный IBM PC с ESP32-C3, крошечным TFT-дисплеем и аккумулятором, он проигрывает демку со звуком и музыкой, а если подключить BLE-клавиатуру или джойстик, то можно играть самому. 👉 https://habr.com/ru/companies/ruvds/articles/978176/

✨ Повышаем уровень Git с помощью 7 команд Базовых add, commit и push достаточно для старта, но ежедневная работа требует оптимизации рутины и умения выходить из сложных ситуаций. В статье разбирается настройка алиасов для ускорения работы, использование git commit --amend для правки последнего коммита, git cherry-pick для точечного переноса изменений между ветками. Отдельно, про git worktree, который избавляет от stash при работе с хотфиксами. Бонусом, настройка git log --graph и утилита tig для визуализации веток. 👉 https://habr.com/ru/companies/ruvds/articles/978320/

✨ Заметка об Invoker Commands API В веб-стандарты вошел новый API, который позволяет декларативно назначать кнопкам поведение для управления интерактивными элементами. Больше не нужно писать JS-обработчики для базовых действий открытия и закрытия модальных окон, теперь это нативные возможности HTML. Все работает через новые атрибуты кнопки: commandfor указывает на id целевого элемента, а command задает действие. Из коробки уже поддерживаются команды вроде show-modal, close или toggle-popover. Для нестандартной логики предусмотрены кастомные команды, начинающиеся с --, которые позволяют триггерить события и обрабатывать их отдельно. 👉 https://habr.com/ru/companies/timeweb/articles/972668/

✨ Signal Forms в Angular 21 Матеуш Стефанчик продолжает пополнять копилку материалов по Signal Forms. Этот лонгрид выгодно отличается фокусом на практику: для проектов с существующей кодовой базой на Reactive Forms подробно разобран compatForm. Он позволяет поэтапно внедрять новые формы, сохраняя обратную совместимость и аккуратно смешивая оба подхода без необходимости переписывать все целиком. 👉 https://angular.love/signal-forms-in-angular-21-complete-guide

✨ Web Components в Angular Интегрируете Web Components в Angular и замечаете, что при первой загрузке все работает корректно, а после перехода на другую страницу и возврата компонент падает с ошибкой? В статье разбирается, почему стандартная передача атрибутов через шаблон в Angular ведет себя предсказуемо при первом рендере, но при повторной навигации может приводить к ошибкам из-за различий в жизненных циклах. 👉 https://dev.to/this-is-angular/web-components-in-angular-why-passing-inputs-breaks-on-navigation-52b6

✨ Код пишет нейросеть. Что остается разработчику? Апокалиптические прогнозы о скором исчезновении программистов не оправдываются. Практика показывает, что ценность разработчика уходит от ручного написания кода к проектированию и проработке требований. Статья противопоставляет вайб-кодинг и хаотичные запросы к ИИ в надежде на чудо, структурированному подходу Spec-Driven Development. В этом подходе ты занимаешься анализом, архитектурой, декомпозицией, составляешь спецификации, проводишь код-ревью, а LLM берет на себя рутину. 👉 https://habr.com/ru/articles/974754/

✨ Как мы пережили несколько мажорных обновлений Angular Разбор реального кейса миграции фронтенда. Команда прошла путь от Angular 13 до 19, внедрив Standalone Components, Vite и non‑destructive hydration. Главная цель апдейта, избавиться от долгой пересборки Ivy и унифицировать UI, который разъехался за годы разработки. 👉 https://habr.com/ru/companies/compo/articles/977736/

✨ CSS Wrapped 2025 Команда Chrome DevRel представила обзор новых возможностей, которые появились в браузерах недавно. Наконец-то CSS и HTML получили нативные инструменты для интерфейсов, которые раньше требовали JS или сложных хаков. Спасибо Angular Meetup за новость. 👉 https://chrome.dev/css-wrapped-2025/

✨ Как работают современные браузеры Браузер для большинства разработчиков — это черный ящик, который магическим образом превращает HTML, CSS и JS в интерактивные приложения. Статья разбирает жизненный цикл веб-страницы: сетевой стек, парсинг HTML и построение DOM, работу CSS-движка и вычисление стилей, рендеринг, движок V8 и многое другое. 👉 https://habr.com/ru/companies/timeweb/articles/969508/

✨ Angular Q&A: Будущее Signal Forms Главной темой недавней встречи с командой Angular стали Signal Forms, представленные в версии 21 в статусе experimental. Обсудили текущее состояние фичи, ее стабильность и применение в реальных проектах. Некоторые внутренние проекты Google уже начали использовать новые формы, что делает их, несмотря на статус, более стабильными, чем могло бы показаться. Глобальных архитектурных сдвигов не ожидается, но команда оставляет за собой право вносить breaking changes для обработки граничных случаев. 👉 https://www.youtube.com/live/vnSaYHYLI0Q

✨ Кастомный билдер для Angular В одном из обсуждений Алекс поделился опытом создания собственного билдера для Angular с поддержкой микрофронтенд-архитектуры. Решение появилось как ответ на ограничения Native Federation и переросло в полноценный инструмент. 👉 https://dev.to/klerick/custom-builder-for-angular-my-way-12hd

✨ Реактивная Архитектура Optimistic UI делает интерфейс мгновенно отзывчивым, но может привести к несогласованности состояния, а обработка ошибок сервера превращается в сложный код для отката изменений. В статье предлагается декларативное решение на базе RxJS, вместо ручного сброса переменных при сбое используется паттерн компенсирующей транзакции. 👉 https://habr.com/ru/articles/974068/

✨ Angular Pipes Пайпы в Angular не просто форматеры, а декларативный механизм трансформации данных на уровне представления, чья роль сегодня переосмысливается на фоне внедрения сигналов. В отличие от computed, пайпы позволяют изолировать логику отображения непосредственно в шаблоне, не изменяя структуру исходных данных. Это делает их уникальным архитектурным инструментом, они позволяют держать бизнес-логику компонента чистой, перенося технические детали форматирования и асинхронности в переиспользуемые сущности. Даже в эру новой реактивности пайпы остаются незаменимыми для создания декларативного кода. В статье глубокий технический разбор механики пайпов: от работы компилятора до интересных сценариев использования. 👉 https://medium.com/p/f616ec84fb8d

✨ Пример процесса работы с техническим долгом Технический долг часто оседает на дне бэклога мертвым грузом: задачи копятся годами, оценки отсутствуют, а инициативы тонут в потоке продуктовых фич. Tech Lead команды Skyeng Михаил Ефанов поделился опытом, как систематизировать этот процесс, выделив работу с техдолгом в отдельный предсказуемый поток, прозрачный и для команды, и для бизнеса. 👉 https://habr.com/ru/articles/962734/

✨ Не делайте рефакторинг как дядя Боб Книга «Чистый код» Роберта Мартина считается классикой, но слепое следование ее догмам может навредить. В статье разбирается каноничный пример рефакторинга из второй главы и объясняется, почему подход Мартина в данном случае делает код не лучше, а хуже. Вместо того чтобы упростить логику, «дядя Боб» превращает функцию в класс с лишними уровнями абстракции, получая код, в котором приходится прыгать по методам, чтобы понять суть простой операции. P.S. Загляните в комментарии на Хабре: там предложили вариант реализации, который оказался даже лучше, чем у автора статьи. 👉 https://habr.com/ru/companies/ruvds/articles/970488/

✨ Прогресс в разработке TypeScript 7 Команда TypeScript поделилась апдейтом по Project Corsa — портированию языкового сервиса и компилятора на Go. В языковом сервисе все еще идет перенос функций и исправление мелких багов, но большая часть того, что составляет привычный опыт редактирования TypeScript, уже работает. Компилятор также продемонстрировал значительный прогресс: он находит те же ошибки, что и TypeScript 5.9. Полная совместимость типизации подтверждена на 20 000 тестовых кейсов. Также в него портировали такие флаги, как --incremental и --build. Это означает, что большинство проектов могут попробовать новую реализацию с минимальными изменениями. 👉 https://devblogs.microsoft.com/typescript/progress-on-typescript-7-december-2025/

✨ 90% Angular-разработчиков пишут легаси Angular быстро развивается, однако в проектах иногда сохраняются подходы, характерные для ранних версий фреймворка, которые сегодня можно заменить на более производительные и современные решения. В статье рассматриваются моменты, на которые стоит обратить внимание для улучшения кодовой базы. Среди ключевых тем: корректное управление подписками, отказ от чрезмерного использования any, преимущества OnPush и внедрение новых @for и @if. P.S. Метрика в 90% в заголовке статьи выглядит сомнительно и не подкреплена данными. Вероятно, это просто художественное преувеличение автора, и в реальности ситуация не такая драматичная. 👉 https://habr.com/ru/companies/ruvds/articles/967016/

🍿 Проверьте свои Angular проекты, что нигде не используется Next.js и React Server Components: Critical 10/10 https://github.com/vercel/next.js/security/advisories/GHSA-9qr9-h5gf-34mp