How to cook with RxJS
summary
Explains RxJS by building a working browser game called rxjs chef where food falls and a basket collects it, using concrete operators: fromEvent/interval merge for input and time, map/filter/scan reduces state to ~20 lines of game logic, plus takeWhile for teardown and delay/preload for UX. Demonstrates hot vs cold observables, shows cancellation beats promises for controllable requests, notes the library has “a hundred‑something” operators and that the demo runs successfully in the browser.
AI-written summary · about
chapters (34)
- 0:00Intro
- 2:11How I got acquainted with RxJS
- 5:10What is RxJS
- 5:40Functional Programming
- 6:19Functional Scrambled Eggs
- 10:04Observer Pattern
- 12:41Observables
- 13:44Cold vs Hot Observables
- 16:58RxJS Chef
- 17:49Transparent Canvas
- 19:34GameState
- 20:39GameRender
- 21:24Listen to keyboard clicks
- 22:14Keyboard events
- 22:54Mapping events
- 23:22Game actions
- 24:09Testing
- 24:59Filters
- 25:32GameAction
- 25:59Scan Operator
- 26:57Move Food
- 27:59Move Down
- 28:29Merge observables
- 29:35Refresh rate
- 30:09Preload images
- 30:32Calculate state
- 31:59Is the game over
- 32:34Killing observables
- 33:49Delaying the intro
- 34:19Condensed logic
- 34:39Tetris
- 35:06Source code
- 35:54Questions
- 41:09Conclusion
