Operate Heavily Dynamic UIs with RxJS

on YouTube ↗34m

" summary

Shows how to apply Event Sourcing and CQRS patterns in the browser using RxJS: capture every UI change as an event stream, use the RxJS scan operator to accumulate state, and separate write (Subjects/custom operators) from read (combineLatest/latestFrom) paths. Demonstrates wiring timers (start/stop/reset and count up/down buttons) into an event store and replaying events to restore state, with a live ticketing/timer UI demo and sampling-based performance tricks.

AI-written summary · about

" chapters (11)

1. 0:00Dynamic UIs with RxJS
2. 3:12Speaker background
3. 8:04Event sourcing
4. 11:15Timer interactions with RxJS
5. 16:46State management vs UI
6. 21:26Dynamic UI updates
7. 24:12Combining latest values
8. 27:26Refactoring with RxJS
9. 29:13Performance optimization
10. 31:46Limiting update frequency
11. 33:19Summary & Q&A

" related talks

• 28mOperate Heavily Dynamic UI’s with RxjsMichael Hladky · AngularUP 2019
• 36mRxJS: A Better Way to Write Frontend ApplicationsHannah Howard · JSConf US 2018
• 41mRxJS Advanced Patterns Learn how to manage heavily dynamic Angular appsMichael Hladky · AngularNL 2019
• 01h 45mRxJs from ScratchAlain Chautard · ng-conf 2022
• 34mEffective Reactive ArchitectureBenoît Quenaudon · droidcon London 2019
• 38mCuring your event processing blues with RxMatthew Podwysocki, Donna Malayeri · Strange Loop 2013
• 42mConquering Time with Functional Reactive ProgrammingSergi Mansilla · GOTO Amsterdam 2014
• 37mFrom Zero to Hero with the Reactive Extensions for JavaScriptMaurice de Beijer · DevDays Europe 2019