🦊 Angular Fox 🚀 — русскогорящие новости сообщества
3.99K subscribers
1.25K photos
7 videos
1.11K links
Как костыль на реактивно-лисьей тяге 🔥🦊

Нравится канал? Подпишись на меня!
👉 twitter.com/thekiba_ru
💖 twitter.com/thekiba_io
medium.com/@thekiba
github.com/thekiba

Чаты @angular_ru @angular_jobs
Download Telegram
Все о новых Signal Forms

В Angular появился экспериментальный API Signal Forms — новый подход к работе с формами, основанный на сигналах. Это важный шаг к более чистому и реактивному фреймворку, который решает многие классические проблемы с валидацией и управлением состоянием.

Новый API упрощает создание сложных сценариев: от базовых проверок до кастомных синхронных и асинхронных валидаторов. В статье на примере формы управления полетами разбираются все ключевые возможности.

👉 https://www.angulararchitects.io/blog/all-about-angulars-new-signal-forms/
🔥12👍3👏1
Чистый код на TypeScript

Качество кода напрямую влияет на скорость разработки и легкость поддержки проекта. Особенно это актуально для TypeScript, где следование принципам чистого кода помогает делать проекты предсказуемыми, читабельными и профессиональными.

В статье на примерах разбирается, почему избыточный контекст в именах зло, как декларативный подход выигрывает у императивного, и зачем использовать readonly для защиты от случайных мутаций.

👉 https://habr.com/ru/articles/948488/
👍8👎3🔥1
📚 Когда справочник по CSS превращается в комедию ошибок

Современные книги по программированию всё чаще страдают не только от плохого перевода, но и от катастрофического количества ошибок.

Автор статьи приводит целую коллекцию ляпов: от кривых примеров кода до внезапных вставок про Photoshop.

👉 https://habr.com/ru/articles/926464/
👍21🔥1
SSL-сертификаты: самый прибыльный развод интернета

Годами индустрия продавала «премиальные» SSL-сертификаты за сотни долларов. Однако сегодня бесплатные аналоги, предлагают абсолютно тот же уровень защиты.

Покупка платного SSL-сертификата в 2025 году — это, по сути, плата за воздух. Различия вроде «гарантий» и «лучшей совместимости» — не более чем маркетинговые уловки.

Статья рассказывает, как сформировался картель центров сертификации с наценкой до 49,000% и как проект Let's Encrypt навсегда изменил правила игры.

👉 https://habr.com/ru/articles/947178/
👍15🔥7🤯1
Angular signals 101

Если каким-то чудом тема сигналов прошла мимо вас или вы все откладывали знакомство с ними на потом, самое время наверстать.

Алексей Васильев написал подробное техническое руководство по новой реактивной модели Angular, основанной на сигналах.

Сегодня вместо подкаста, музыка от SUMMON_THE_CODER в комментариях.

👉 https://habr.com/ru/articles/951486/
🔥18👍43😁2🤯1
Разработка приложений с ИИ на Angular и Gemini

Многие фронтендеры думают, что для работы с AI обязательно нужен Python и глубокая экспертиза в бэкенде.

Статья развенчивает этот миф и показывает, как Angular-разработчики могут легко интегрировать Gemini API в свои приложения.

👉 https://www.angularspace.com/building-ai-powered-apps-with-angular-and-gemini/
👍4🔥21🤔1👌1🤡1
Angular Zoneless Unit Testing

Angular движется в сторону Zoneless-архитектуры. Полная миграция приложения — сложный процесс, но вы можете начать подготовку уже сейчас, адаптировав свои юнит-тесты.

Это поможет проверить совместимость компонентов с Zoneless-режимом еще до полного отказа от Zone.js в вашем проекте.

👉 https://www.angularspace.com/angular-zoneless-unit-testing/
🔥3👍2😴2🤔1
Изолируй это! Про конфликты стилей в микрофронтендах

В микрофронтенд-архитектуре независимость команд — это плюс, но конфликты стилей часто ломают UI: кнопка меняет цвет, шрифты прыгают, глобальные правила переопределяют локальные.

Александр Битько рассказал, как найти баланс между автономией и согласованностью через стратегии изоляции стилей.

👉 https://habr.com/ru/companies/psb/articles/946938/
😴5👍3👏21💊1
Angular и память: как не создавать утечки

Одностраничные приложения живут часами, и именно поэтому утечки памяти превращаются в серьезную проблему. Код кажется стабильным, но спустя час вкладка начинает тормозить и интерфейс реагирует медленнее.

Основные источники утечек знакомы каждому: вечные подписки на Observable, забытые таймеры, неочищенные DOM-слушатели и замыкания с тяжелыми объектами.

Как их избежать? В статье, разбор типичных кейсов и чеклист для предотвращения утечек.

👉 https://habr.com/ru/articles/949256/
👍10🤡5🔥2
Динамические формы

Продолжаем экспериментировать с Signal Forms.

Манфред Штайер показал, как с их помощью реализовать генератор динамических форм.

Этот подход позволяет создавать формы в рантайме на основе метаданных — идеальное решение для случаев, когда точная структура формы неизвестна.

👉 https://www.angulararchitects.io/blog/dynamic-forms-building-a-form-generator-with-signal-forms/
👍10🔥531
Странные CSS-свойства, но, возможно, полезные

В CSS полно фич, которые кажутся избыточными: вы знаете, что они делают, но неясно, где их применить на практике.

Стас Мельников делится списком таких загадок: от скрытия пустых ячеек в таблицах до декоративных маркеров над текстом.

👉 https://habr.com/ru/companies/ruvds/articles/950476/
👍5🔥4🥱3❤‍🔥1
🚀 Теперь Angular поддерживается в Google AI Studio

Команда Angular анонсировала поддержку генерации Angular-приложений прямо в AI Studio — теперь можно создавать прототипы и полноценные проекты на Angular с помощью Gemini без лишних настроек.

Интеграция дает возможность: генерировать код, экспортировать его на GitHub, деплоить через Cloud Run и даже создавать AI-фичи с использованием Gemini API.

👉 https://blog.angular.dev/angular-support-for-generating-apps-in-google-ai-studio-is-now-available-3a3afde38f58
🔥17👍7💩51
Расстаемся с any в TypeScript

Использование any — это не безобидный компромисс, а отказ от главного преимущества TypeScript, статической типизации. Этот тип позволяет коду пройти компиляцию, но приводит к ошибкам в рантайме, подрывая надежность всего проекта и создавая ложное чувство безопасности.

В статье подробно разбирается, как можно автоматически отлавливать и запрещать небезопасные типы.

👉 https://habr.com/ru/articles/859114/
👍10🔥73👏3
Используйте простейшие рабочие решения

При проектировании ПО многие инженеры стремятся к идеальной архитектуре — бесконечно масштабируемой и навороченной.

Автор статьи утверждает, что это ошибка. Вместо погони за сложными системами стоит глубоко проанализировать задачу и реализовать самое простое рабочее решение. Этот подход, основанный на принципе YAGNI, применим ко всему: от фиксов багов до разработки с нуля.

👉 https://habr.com/ru/companies/ruvds/articles/949970/
👍114🔥2
Как не сойти с ума на умной работе

Многие айтишники рано или поздно сталкиваются с чувством выгорания, даже если задачи интересные, команда классная, а отпуск вроде бы помогает.

Александр Царёв поделился личным опытом: ни сериалы, ни путешествия, ни смена проектов не спасают от хронической усталости. Помогло простое решение — ручной труд. Гараж, сад, ремонт, даже сборка мебели. Все, где есть физический результат, возвращает ощущение живости и баланс между виртуальным и реальным мирами.

👉 https://habr.com/ru/articles/951532/
199🔥9👍2
Препарируем signal

Сигналы уже давно стали частью Angular и других фреймворков. Но что на самом деле происходит под капотом, когда значение меняется и UI реактивно обновляется?

Сергей Кулаев шаг за шагом реализовал собственные аналоги signal, computed и effect, чтобы наглядно продемонстрировать их внутреннюю логику.

👉 https://habr.com/ru/companies/psb/articles/955912/
🔥112👍1
Список вопросов о CSS для собеседования

В 2025 году проверка знаний CSS выходит на новый уровень: каверзные вопросы с подвохами о свежих фичах, от :nth-child(of) до псевдоклассов вроде :user-valid и :has.

Разбор этих примеров — отличный способ проверить себя и прокачать понимание современных возможностей CSS.

👉 https://habr.com/ru/companies/ruvds/articles/952546/
💩8🥴5💊4👍2🤮1🥱1
Angular SSR

Серверный рендеринг (SSR) в Angular эволюционировал от экспериментальной фичи к мощному инструменту, который радикально ускоряет загрузку страниц и поднимает SEO на новый уровень. Команда Angular с версии 17 добавила нативную поддержку, сделав его простым в интеграции без лишней головной боли.

Статья разбирает настройку SSR, работу с метаданными, взаимодействие с кешированием и многое другое.

👉 https://angular.love/angular-ssr-everything-you-need-to-know
🔥5🤔4👍2
Скрытые затраты сигналов

Оптимизация сигналов может показаться преждевременной, но в крупных приложениях игнорировать ее, значит рисковать каскадом из сотен бесполезных циклов обнаружения изменений и проверок компонентов, которые жрут ресурсы зря.

В статье разбираются практические приемы, которые заставят сигналы срабатывать только при реальном изменении данных и предотвратят лишнюю работу.

👉 https://angular.love/angular-signals-the-hidden-cost-of-reference-changes
🔥8👍1🤔1
Декомпозиция в эпоху ИИ

Вы тоже заметили, что с приходом нейросетей ценность умения писать шаблонный код снизилась, а ценность архитектурного мышления и правильной декомпозиции задач, наоборот, выросла?

Теперь фокус смещается с вопроса «как это закодировать?» на «как это правильно спроектировать?». И навык разбить сложную систему на простые, логически независимые модули стал ключевым.

А если заглянуть еще дальше, то и архитектура становится лишь промежуточным звеном. Приоритет смещается к тому, как развивается сам продукт, как взаимодействуют команды и как масштабируется бизнес.

👉 https://habr.com/ru/articles/956778/
👍8💩71🔥1🤮1
Как ускорить render приложения в 68 раз, и при чём тут Signals

Фреймворки, построенные на Virtual DOM, достигли предела оптимизации. Даже продвинутые механики вроде React Fiber и Concurrent Mode не решают проблему.

Разница в производительности колоссальна: в тестах на обновление одного элемента из тысячи оптимизированный React.memo тратит 205 мс, в то время как Solid.js и Angular справляются за 3–14 мс.

👉 https://habr.com/ru/companies/domclick/articles/956468/
12🔥7👍2🥴2🤪2😁1👀1