RxJS: A Better Way to Write Frontend Applications
summary
Argues that modeling UI as streams makes interruptions manageable, using RxJS to compose observables instead of juggling event handlers; demos include a bouncing-ball UI animated with pose and a multi-step login form wired with operators like mergeMap and withLatestFrom to turn clicks and inputs into requests and derived states. Notes RxJS downloads exceed React because frameworks and tools (Angular, ESLint) depend on it. Ships a small library, rx-react, to bind observables to React props and reports it running in production with maintained signal graph visualizations.
AI-written summary Β· about
chapters (13)
- 0:00Intro
- 2:08Contact Warning
- 2:46Functional Reactive Programming
- 4:36Global Event Bus
- 7:18Observer Pattern
- 10:37RxJS Advantages
- 16:55Observables
- 20:42RxJS
- 22:14RxJS Architecture
- 26:24RxJS Code
- 28:55Signal Graph
- 30:17Rx React
- 33:28Rx React Used
related talks
31m(React)ive State Management: Enter RxJS
27mEmbrace Reactive Programming in React and Vue with RxJS
28mReactive Programming Demystified Drink the Kool-Aid
30mRxJS in React, RxJS in Angular and Why We Should All Be Friends
34mOperate Heavily Dynamic UIs with RxJS
26mReactive Programming Future Proof Your Code
34mObservables for Handling Asynchrony Elegantly
28mWatch out: observers are here to stay