The Magic of RxJS
summary
Builds a playable Breakout clone with RxJS and shows concrete choices: uses interval + animationFrame scheduler for a 60fps game loop, models inputs with DOM event streams, and transforms state with operators map, scan, withLatestFrom and combineLatest. Demonstrates calculating delta time, initializing state to avoid NaN, merging keydown/keyup to stop paddle drift, and explicitly unsubscribing to end the game. The demo mostly works, exposes a couple of bugs during live coding, and points to a repository with the full code.
AI-written summary · about
chapters (9)
- 0:00Start
- 1:45What is RxJS?
- 4:23Promise
- 5:24Observer
- 5:46Creating Observable
- 6:09Observables are lazy!
- 7:34Subscription
- 8:01RxJS Operators
- 9:57Demo Time
related talks
34mThe Magic of RxJS by Natalia Tepluhina (Eng) | JSConfAM19
45mHow to cook with RxJS
36mRxJS: A Better Way to Write Frontend Applications
03mYou Gotta Love Rx
25mRxJS all things!
28mReactive Programming Demystified Drink the Kool-Aid
32mFrom imperative to reactive thinking
29mReactive Web Animations with RxJS