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

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

Чаты @angular_ru @angular_jobs
Download Telegram
Angular linkedSignal

LinkedSignal — это важное дополнение к API сигналов, которое идеально подходит для сценариев, требующих как реактивности, так и возможности ручного изменения значений.

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

👉 https://blog.angular-university.io/angular-linkedsignal/
👍6🔥2
Новый синтаксис в Angular: революция или прототип?

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

В свежем Pull Request от команды появился экспериментальный синтаксис для шаблонов без селекторов — мощный, лаконичный и… пока еще сырой.

Кроме того, Минко Гечев рассказал о концепции selectorless.

👉 https://github.com/angular/angular/pull/60724
💩23🤨11😭5👍2🫡1
Что следует знать фронтенд разработчику

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

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

👉 https://dev.to/nikopragmaoptima/what-should-frontend-developer-really-know-66n
👎10😐4💩3👍1🔥1🤔1👌1
Accessible Angular Routes

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

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

👉 https://www.angulararchitects.io/en/blog/accessible-angular-routes/
👍64
AI 2027: Будущее наступает раньше, чем мы думали

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

Авторы статьи — эксперты из OpenAI, Гарварда и топовые исследователи ИИ, рисуют ошеломляющую картину ближайшего будущего.

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

Готовы узнать, что нас ждет?

👉 https://ai-2027.com/
🤡20👍4💩21🔥1
Как победить хаос ручных контрактов с бэкендом

Знаете, что общего у устных договоренностей между фронтендом и бэкендом? Они рушатся быстрее, чем карточный домик! Бэк поменял userId на clientUuid, фронт падает.

Статья рассказывает, как используя OpenAPI и инструмент ng-openapi-gen, можно полностью отказаться от ручного описания моделей и сервисов.

👉 https://habr.com/ru/articles/899238/
👍15🔥3👌32👎1
Как заставить TS работать на вас

Считаешь TypeScript лишней головной болью? А что, если он может стать твоим лучшим союзником, экономя время и нервы?

В статье раскрывается, как превратить TS из рутины в мощный инструмент, который ловит ошибки еще до запуска кода.

👉 https://habr.com/ru/companies/sportmaster_lab/articles/899546/
💩4🤡21👍1👎1🔥1🍌1
Интеграция httpResource с HttpInterceptors

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

Поскольку HttpResource использует HttpClient под капотом, доступны HttpInterceptors. Они позволяют перехватывать и обрабатывать HTTP-запросы и ответы, добавляя пользовательскую логику в процесс получения данных.

👉 https://dev.to/railsstudent/integrating-angulars-httpresource-with-httpinterceptors-48io
👍3🔥3
Знакомство с httpResource

Уже используете httpResource? Даже если вы уже знакомы с этим инструментом, данный разбор раскроет еще более тонкие аспекты его применения.

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

👉 https://www.angularspace.com/meet-http-resource/
👍2🔥1
Как мы реализовали визуализацию связей в ER-дизайнере на Angular

Работаете с десятками сущностей и связей? Без визуализации тут не обойтись.

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

👉 https://habr.com/ru/companies/k2tech/articles/897284/
👍6🔥4🥴2
Вы не знаете CSS

Считаешь себя мастером CSS? А что, если твои знания проверят вопросы с реальных собеседований?

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

👉 https://habr.com/ru/companies/ruvds/articles/883284/
👍5🔥2
Rspack в Angular

Устали от медленных сборок и ограничений? У сообщества Angular наконец появилась реальная альтернатива. Rspack — высокопроизводительный сборщик на Rust, который обеспечивает почти полную совместимость с Webpack и при этом работает значительно быстрее.

В этом посте рассказывается о том, как обстоят дела с интеграцией Rspack в Angular, а также недавно в блоге NX вышла статья о создании новых приложений с помощью Rspack и миграции существующих.

👉 https://edbzn.dev/state-of-rspack-in-angular/
🔥14🥰2
Почему вы никогда не выучите все фреймворки

Чувствуешь, что отстаешь от новых технологий? Каждый месяц — новый Vite, Svelte или Bun, а ты все еще дебажишь свой старый проект. Это нормально!

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

👉 https://habr.com/ru/articles/902276/
👍8🔥4👎1
Язык мироздания — теория групп и теория категорий

Что, если бы программирование было не просто ремеслом, а способом читать саму структуру мироздания? Представь, что за привычным reduce или map скрываются древние математические смыслы, которыми пользуются физики и философы. Эта статья — не просто про абстрактную математику.

Это попытка заглянуть в грамматику Вселенной, где монады превращаются в инструменты понимания всего.

Конечно, философские интерпретации, такие как красота Вселенной, являются субъективными фантазиями автора, но если вы хотите ознакомиться с теориями групп и категорий, это неплохое вступление.

👉 https://habr.com/ru/articles/879808/
🗿14🤡4👍31
Создание доступных форм

Вы уверены, что ваши формы удобны для всех?

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

👉 https://www.angulararchitects.io/en/blog/accessible-angular-forms/
👍52
Нативные Observable уже в Chrome

В Chrome 135 появился Observable API — удобный способ обработки асинхронного потока событий. Это не просто альтернатива RxJS, а полноценная интеграция в Web API.

Главное преимущество — интеграция с EventTarget: метод when() возвращает Observable, который представляет собой улучшенную версию addEventListener().

С ним обработка событий в DOM выглядит так:

el.when('click').subscribe(console.log)


Больше подробностей можно прочитать здесь, а RxJS 8 теперь будет двигаться вперед с учетом этих изменений.

👉 https://dev.to/this-is-angular/ng-news-2515-native-observables-3ea7
🔥33👍31😱5
RxJS для новичков

Хотите укротить асинхронность в JavaScript, но тонете в терминах вроде mergeMap и forkJoin?

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

👉 https://habr.com/ru/articles/890862/
👍9🔥3🤣2
Angular proxyConfig

Когда Angular-приложение на локалке не может достучаться до бэкенда из-за ошибок CORS, большинство новичков теряются. Но есть элегантное решение — proxyConfig, он действует как обратный прокси: перехватывает запросы фронтенда и перенаправляет их на нужный сервер, как будто все происходит с одного домена

В статье рассказывается, как настроить proxyConfig через proxy.conf.json, как проксировать разные эндпоинты и даже обрабатывать WebSocket-соединения.

👉 https://dev.to/this-is-angular/angulars-proxyconfig-unlock-a-senior-level-technique-used-by-only-10-of-developers-4j1b
👍23🔥9🐳2❤‍🔥1
Пробуем Junie от JetBrains на реальной задаче

Мечтали об AI-ассистенте, который сам пишет код? JetBrains выкатили Junie. Кажется, будущее уже здесь: даешь задачу, а он сам разбирается.

Но готов ли этот "электронный джун" заменить настоящего? Автор статьи проверил это на практике, и результаты оказались... весьма неожиданными.

👉 https://habr.com/ru/articles/904876/
🤮15👍5😁3
Ваш AI халтурит? Пора освоить промпт-инжиниринг

Продолжаем разговор про AI-агентов, вроде Junie. Вчерашняя статья показала интересную картину, не так ли?

Если вы не хотите, чтобы ваш новенький AI-помощник в ответ на просьбу написать тесты:
- начал заменять UI-компоненты заглушками
- или скрывал падающие тесты с помощью expect(true).toBe(true)

...то пора кое-что осознать. Проблема не только в сырости инструментов, а в том, как мы с ними обращаемся.

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

Будущее не за теми, кто использует AI, а за теми, кто умеет им управлять.

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

Подборка материалов:
- стратегии составления промптов от Гугла
- выжимка из 4000 исследований по промпт-инжинирингу
- приемы по составлению промптов в Cursor
🤮8🤡8👍73🤝1