RxJS в Angular: 5 операторов, которые превращают хаос данных в симфонию

Стоит начать с боли всех разработчиков Angular: когда начинаешь свой проект, всё чисто и красиво. Но когда проект уже идёт, появляются подписки на подписки, данные из разных запросов нужно объединить, а пользователь начинает нажимать кнопки слишком быстро. И здесь приходит на помощь RxJS RxJS часто пугает своей сложностью. Прикол в том, что вам не нужно знать все 100+ операторов. Достаточно освоить базовую пятёрку, которая покроет 80%. И после того, как освоишь их, код становится намного читабельнее и быстрее.

https://habr.com/ru/companies/ruvds/articles/1008646/

#angular #frontend #frontend_разработка #webразработка #webпрограммирование #Rxjs #rxjs_operato #ruvds_статьи

RxJS в Angular: 5 операторов, которые превращают хаос данных в симфонию

Стоит начать с боли всех разработчиков Angular: когда начинаешь свой проект, всё чисто и красиво. Но когда проект уже идёт, появляются подписки на подписки, данные из разных запросов нужно объединить,...

Хабр

Kann ich in @angular auf #Rxjs verzichten?

Das will ich heute abend im Livestream testen.

Ich hab das schon mal versucht, vor 3 Jahren, damals war das nicht möglich.

Jetzt mit #angular21 sieht das ganze schon vielversprechender aus.
Start ist: 20:00

https://webdave.tv

webdave_de - Twitch

Komm gerne zu uns in den Discord.Dort kannst du fragen stellen und Fragen beantworten.Wenn du mehr über mich wissen möchtest:https://www.webdave.de/blog/my-way-into-tech

Twitch

Мы запихнули LifeOS в Telegram Mini App: как сделать сложный UI на React + Framer Motion и не сойти с ума

На рынке тысяча трекеров привычек. Еще тысяча трекеров зала. И еще сотня приложений для медитаций. Проблема одна: они разрозненны. Данные о том, что я плохо спал, никак не влияют на план тренировок в другом приложении. А медитация живет в вакууме от уровня стресса. Мы хотели создать LifeOS — единую систему управления собой, которая живет там, где я провожу 90% времени. В Telegram. Никаких впнов, ноушенов и тому подобное не надо. Но была проблема: стандартные Telegram WebApps часто выглядят... как веб-сайты из 2010-го. Мне нужен был «вайб» Apple: премиальный, темный, с глубокими тенями и, главное, тактильный. Так появился UltyMyLife. Вот как мы строили архитектуру дисциплины на React. Интересный факт: Перед тем как релизнуть проект, мы поняли, что нужен полный редизайн, и в итоге потратили еще пару недель.

https://habr.com/ru/articles/992100/

#telegrambot #telegram_api #telegram_mini_app #react #rxjs #framer_motion #javascript

Мы запихнули LifeOS в Telegram Mini App: как сделать сложный UI на React + Framer Motion и не сойти с ума

Кто за этим стоит? Нас двое, и этот проект — результат столкновения двух разных подходов к разработке: Дмитрий Спирихин (Я) — System Architecture & Full-stack Development. Я притащил в проект...

Хабр

От учебной проблемы до 1000 пользователей: как я писал интерактивный учебник по RxJS

История проекта началась в прошлом (2025) году. Я преподаю JavaScript в HTML Academy, и когда мне предложили взять поток начинающих разработчиков по Angular, я согласился. Мы успешно прошли базу, но когда дело дошло до HttpClient и обработки данных, я столкнулся с проблемой: студентам сложно понять Observable и реактивный подход, имея в багаже только промисы. На лекции мне задали резонный вопрос: А где посмотреть актуальные и понятные материалы по RxJS?. Я провел небольшой ресерч и понял, что ниша полупустая: видеокурсы - это долго, документация - сложно, а интерактивной практики почти нет. Так появился мой open-source проект. В этой статье я показываю честную аналитику за 90 дней: как набрать 1000 пользователей без рекламы, почему провалилась моя любимая фича и как пет-проект превращается в полноценный продукт. Смотреть аналитику

https://habr.com/ru/articles/991572/

#rxjs #angular #pet_project #open_source #frontend #reactive_programming #обучение_программированию #аналитика #mvp #javascript

От учебной проблемы до 1000 пользователей: как я писал интерактивный учебник по RxJS

Предыстория: Откуда взялась идея. История проекта началась в прошлом году (2025). Я преподаю JavaScript в HTML Academy, и когда мне предложили взять поток начинающих разработчиков по Angular, я...

Хабр

Реактивная Архитектура: Пишем надежный Optimistic UI на чистом RxJS (Pattern Compensating Transaction)

Пользователи ненавидят спиннеры. Они хотят видеть лайк сразу после клика. Optimistic UI решает эту проблему, но создает новую: что делать, если сервер вернет ошибку? В императивном коде (Promise/async-await) откат состояния превращается в ад из try/catch и ручных мутаций переменных, порождая Race Conditions. В этой статье я покажу, как реализовать надежный паттерн Compensating Transaction на чистом RxJS . Мы построим архитектуру, где состояние это поток, который невозможно "сломать" частыми кликами или сетевыми сбоями. Никаких if/else, только чистые потоки. Построить реактивный UI

https://habr.com/ru/articles/974068/

#angular #rxjs #typescript #frontend #архитектура #паттерны_проектирования #optimistic_ui #reactive_programming #state_management #best_practices

Реактивная Архитектура: Пишем надежный Optimistic UI на чистом RxJS (Pattern Compensating Transaction)

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

Хабр
RxJS入門|ObservableとOperator - Qiita

はじめに Angularを使っていると避けては通れないRxJSですが、「正直よくわからないまま使っている」という人も多いのではないでしょうか。僕もまさにその一人でした。 そこで本記事では、RxJSを理解するうえで最初に押さえておきたいキーワードを中心に、基本をシンプルに整...

Qiita

I feel like the currently-proposed TC39 Observables lacking some value that can be supplied upon "completion" is a mistake.

#RxJS #Observables #TC39 #ECMA262

The Epic Journey from React State Management Despair to StateDream

The raw, unfiltered story of one team's descent into React state management hell, their desperate search for salvation, and the revolutionary solution they built that every frontend developer secretly craves.

https://hyperdrift.io/blog/the-epic-journey-from-react-state-management-despair-to-statedream

#react #state-management #frontend #architecture #statedream #javascript #typescript #rxjs

HyperDrift – Federated Web3 Micro-Apps

A federated ecosystem of Web3 micro-apps. Card-driven. OSS-first. Built for speed, clarity, and synergy.

🗺️ New package: `@ngworker/router-signal-store` 17.0.0

An #NgRx SignalStore-based version of `@ngworker/router-component-store` with no #RxJS dependency.

- `RouterSignalStore` shared API for DI
- `provideLocalRouterSignalStore` for local router signal store, a replacement for `ActivatedRoute`
- `provideGlobalRouterSignalStore` for global router signal store, a replacement for NgRx Router Store
- Strong and strict typing
- Serializable router state

https://github.com/ngworker/router-component-store/releases/tag/router-signal-store-v17.0.0
#OpenSource #Angular

Release @ngworker/router-signal-store 17.0.0 · ngworker/router-component-store

First release of the signal-based router store. It has similar features to @ngworker/router-component-store but uses Angular Signals instead of RxJS Observables and has a peer dependency on NgRx Si...

GitHub

Поиск на RxJS и Taiga UI

Привет, Хабр! Я Антон Марченко, разработчик в Т-Банке. Поделюсь интересной задачей по работе с потоками на RxJS, которую мы однажды решали. Представьте HR-портал ИТ-компании, в котором реализован поиск по постам и статьям. Нам предстояло внедрить на сайт несколько внешних поисков: по пользователям, ссылкам и исходникам. А еще предусмотреть скелетоны и обработку ошибок и заложить возможность добавлять новые внешние источники поиска динамически, не дорабатывая каждый раз пользовательский интерфейс.

https://habr.com/ru/companies/tbank/articles/936794/

#angular #вебразработа #rxjs

Поиск на RxJS и Taiga UI

Привет, Хабр! Я Антон Марченко, разработчик в Т-Банке. Поделюсь интересной задачей по работе с потоками на RxJS, которую мы однажды решали. Представьте HR-портал ИТ-компании, в котором реализован...

Хабр