Embrace Reactive Programming in React and Vue with RxJS
summary
Shows how RxJS wires observables and subjects into React and Vue components so UI props become streams and input events round-trip through a subject, with a concrete interval component example that renders incrementing props every second and cleanup on unmount. Demonstrates pipeable operators to reduce bundle size to ~3–4 KB, uses map/filter and interval, explains cancellation to cancel in-flight requests via observables, and outlines a withStream/attach HOC approach plus server-side static props that actually works.
AI-written summary · about
chapters (9)
- 0:00Introduction to reactive
- 1:50Understanding data streams
- 3:55Observables and observers
- 7:29Introduction to RxJS
- 8:53Operators and pipe methods
- 12:26Subjects in RxJS
- 14:10Integrating streams with UI
- 19:40Component architecture
- 23:00Advanced usage and conclusion
related talks
36mRxJS: A Better Way to Write Frontend Applications
23mHow we’re embracing functional programming to build a large SPA
28mReactive Programming Demystified Drink the Kool-Aid
27mReactive Programming in Node
24mMaking Vue app reactive with RxJS
35mHow Reactive Programming simplifies complicated Frontend applications
35mReact + RxJS: A Match Made in Heaven
35mBack to React