Like A Surgeon – Dissecting a completely Functional-Reactive JavaScript app for the very first time
summary
A complete Pomodoro app is built in pure RxJS: a 1500‑second timer using rxjs timer, merged start/pause click streams, higher‑order operators to handle streams-of-streams, and concrete operator choices like exhaustMap vs switchMap to control restart behavior. Pause is solved without external state by a circular loop with a BehaviorSubject seeded with 1500, sampled via withLatestFrom and merge and toggled with never to pause; repo and slides (reactive-pomodoro) back every claim.
AI-written summary · about
chapters (13)
- 0:00Intro
- 0:17Welcome
- 2:20Building Blocks
- 5:40InputOutput
- 6:21TimerStream
- 7:55ExhaustMap
- 12:29The Moment
- 13:18The Problem
- 14:48The Solution
- 16:51Storing Staking State
- 17:54State Loops
- 18:46Setting up a Subject
- 20:28Conclusion
related talks
36mLike A Surgeon
43mAdvanced patterns in RxJS - Operating heavily dynamic UI’s with RxJS
36mRxJS: A Better Way to Write Frontend Applications
25mReinventing RxJS
23mHow we’re embracing functional programming to build a large SPA
01h 10mRxJS Advanced Patterns – Operate Heavily Dynamic UIs
42mConquering Time with Functional Reactive Programming
25mRxJS all things!