Advanced patterns in RxJS - Operating heavily dynamic UI’s with RxJS
summary
Builds a streaming, replayable countdown UI that handles multiple dynamic controls (start, post, speed, direction) by capturing UI actions as an event stream and materializing state with a scan accumulator, proving event sourcing with RxJS works for complex local UI state. Uses merge, Subject for programmatic comments, and withLatestFrom to combine last state with triggers, plus a sticky/distinct-like step to avoid redundant updates. Demonstrates it running and recommends animationFrame scheduling and sampling to reduce work for performance.
AI-written summary · about
chapters (9)
- 0:00Introduction to talk
- 4:33Reactive micro-architecture
- 11:26Event sourcing concept
- 19:29Implementing event sourcing
- 26:11Solving dynamic UI issues
- 33:22Mapping UI paths to streams
- 36:27Scalable architecture benefits
- 39:23Performance optimization tips
- 42:39Q&A and closing
related talks
01h 10mRxJS Advanced Patterns – Operate Heavily Dynamic UIs
36mFunctional reactive UI with JavaScript
27mPractice Makes Perfect: RxJS
36mIntroduction to RxJS
37mStreaming and event-based programming using FRP and RxJS
24mAdding Even More Fun to Functional Programming With RXJS
28mReactive Programming Demystified Drink the Kool-Aid
32mMastering Reactive Programming with RxJS