Operate Heavily Dynamic UI’s with Rxjs
summary
Shows how to replace component-local state with a central RxJS-driven model that records UI actions and background ticks as an append-only event stream, letting the app replay state from events and implement undo/reset. Uses Angular services, Subjects/Observables, operators and a custom operator for state transitions, moves side effects out of components, demonstrates handling subscription lifecycles, interval-driven background updates and three concurrent background processes, and claims much easier unit testing and scalability.
AI-written summary · about
chapters (10)
- 0:00Introduction to dynamic UIs
- 1:13Problem with reactive micro architecture
- 4:09Subscription handling in components
- 7:52Event sourcing basics
- 10:06Reactive macro architecture
- 13:00State management with RxJS
- 16:50Implementing state management
- 19:52Testing state changes
- 23:23Review and final tips
- 26:25Scalable architecture summary
related talks
34mOperate Heavily Dynamic UIs with RxJS
33mStop Micromanaging State and Start Being Reactive
34mEffective Reactive Architecture
34mReactive State Management For Your Angular App
20mSubjecting State to Good Behavior
42mMake Your Frontend Reactive with RxJs
41mManaging State in Angular Applications
23mHow we’re embracing functional programming to build a large SPA