Like A Surgeon
summary
Builds a 25‑minute countdown implemented entirely in RxJS and FRP terms: uses fromEvent and timer to create streams, maps clicks into a merged control stream, and uses exhaustMap disables button while timer runs then switchMap switches between timer and never for pause. Implements pause/resume by sampling state into a BehaviorSubject seeded at 1500 and rejoining via withLatestFrom and map, creating a circular state loop that actually preserves and resumes the remaining seconds.
AI-written summary · about
chapters (10)
- 0:00Start
- 3:47FRP Building Blocks
- 9:12A Stream Connects
- 11:15Main stream - The timer
- 18:16Streams of Streams
- 21:00The pause functionality
- 28:16Storing State
- 29:37Getting latest timer value
- 30:53pausedTimer Subject
- 32:01Update timer stream
related talks
23mLike A Surgeon – Dissecting a completely Functional-Reactive JavaScript app for the very first time
43mAdvanced patterns in RxJS - Operating heavily dynamic UI’s with RxJS
34mOperate Heavily Dynamic UIs with RxJS
01h 03mBending time with Schedulers and RxJS 5
42mConquering Time with Functional Reactive Programming
37mStreaming and event-based programming using FRP and RxJS
27mPractice Makes Perfect: RxJS
30mThe Magic of RxJS