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

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

Чаты @angular_ru @angular_jobs
Download Telegram
Push-Notifications в PWA и браузере

В отличие от нативных приложений, веб-push не требует установки из App Store, обновляется автоматически и работает на всех платформах.

В статье разбираем, как построить всю систему с нуля, используя только нативные API.

👉 https://habr.com/ru/articles/945870/
👍4🔥3👀1
Полный реактивный цикл в Angular

С приходом сигналов в Angular реактивное программирование вышло на новый уровень. Однако до недавнего времени оставался открытым вопрос: как организовать полный цикл, включающий не только загрузку данных, но и их изменение через формы и отправку обратно на сервер? Теперь этот пробел частично устранен.

Ключевую роль в этом играют Signal Forms — новый прототип для работы с формами, полностью построенный на сигналах.

В статье на конкретном примере показано, как с их помощью, а также других инструментов, выстроить единый и предсказуемый data flow.

👉 https://www.angulararchitects.io/en/blog/full-cycle-reativity-in-angular-signal-forms-signal-store-resources-mutation-api/
🗿3🔥2👍1
Почему в Linux «Всё есть файл»?

Концепция «Всё есть файл» в UNIX-подобных системах — не просто красивая метафора, а ключевая архитектурная идея, которая позволяет унифицировать работу с разными ресурсами. Вместо множества разрозненных интерфейсов для дисков, устройств или сетевых соединений система предлагает общий подход.

Однако не следует воспринимать утверждение «Всё есть файл» буквально. Оно обобщает удобную и полезную абстракцию, а не исключает существование специальных API и исключений.

👉 https://habr.com/ru/companies/timeweb/articles/944454/
4👍4🔥2
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
👍21🤡13🔥52😁1
За горизонтом: как 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
💩13🤮6🔥3👍2💔1
Вам больше не нужен JavaScript

Современные CSS и HTML могут заменить значительную часть JavaScript. Забудьте про раздувшиеся node_modules и тормоза, веб может быть проще и эффективнее.

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

👉 https://habr.com/ru/articles/946498/
🤡19😁18👍5🔥1
afterRenderEffect, afterNextRender, afterEveryRender & Renderer2

В Angular, кроме привычных сигналов, есть и другие полезные инструменты: afterRenderEffect, afterNextRender, afterEveryRender и Renderer2.

Они выглядят похоже, но решают разные задачи, поэтому часто остаются в тени и вызывают путаницу.

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

👉 https://www.angularspace.com/afterrendereffect-afternextrender-aftereveryrender-renderer2/
👍10🔥92
🚨 Angular SSR: Патчи безопасности

Недавно команда Angular выпустила внеплановые обновления, связанные с устранением серьезной уязвимости в SSR.

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

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

👉 https://github.com/angular/angular/security/advisories/GHSA-68x2-mx4q-78m7
🔥6😱3🤣2👍1
Все о новых Signal Forms

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

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

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

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

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

👉 https://habr.com/ru/articles/948488/
👍6👎2🔥1