Introduction to Reactive Programming with React
summary
Focal is a TypeScript library that integrates RxJS-style observables and operators (interval, startWith, switchMap, scan, map) into React by providing React elements that subscribe to observables. It manages state with atoms and lenses (read-only views plus modify/set APIs), can be used as an alternative to Redux, offers a lift helper to make third-party components reactive, and includes examples using interval+switchMap to prevent unnecessary updates and scan to accumulate increments.
AI-written summary · about
chapters (18)
- 0:00Introduction
- 1:06Why React popular
- 2:32Reactive programming
- 6:27TypeScript with React
- 7:56FRP explained
- 10:03RxJS for reactivity
- 13:15RxJS resources
- 13:41RxJS timer example
- 15:48Focal simplifies reactivity
- 19:04Atoms and lenses in Focal
- 22:16Optimizing RxJS operators
- 26:13Memory leaks in streams
- 28:21Unsubscribing importance
- 29:03Timer Start/Stop
- 31:55Focal for production
- 32:36Focal future plans
- 34:25Join Focal community
- 34:46Q&A
related talks
17mHow to make React applications really reactive with Focal?
09mLightning talk from Gregory Shehet
01h 15mState management of React apps with the Focal library
31m(React)ive State Management: Enter RxJS
28mReactive Programming Demystified Drink the Kool-Aid
43mSolving behavioral complexity with FRP
27mReactive Programming Demystified: Drink the Kool-Aid
45mGoing Reactive - An Introduction to Reactive Programming