How to make React applications really reactive with Focal?
summary
Claims that Focal makes React apps truly observable by exposing Focal atoms/actions that are both gettable and settable and also observable, adds a lift function to render observables in JSX, and provides lens for state slices so components subscribe only to parts of state. Implementation uses RxJS-style operators, TypeScript types, and supports time‑travel with Redux devtools. Used in a Grammarly web‑editor in production for over a year; renders only the changed input rather than whole components and offers immediate updates with an optional defer for stabilization.
AI-written summary · about
chapters (7)
- 0:00Start
- 1:13TypeScript
- 2:00What about State Management?
- 3:14Meet some problems
- 3:43Need Reactive and Scalable solution compatible with Type System?
- 10:12How do you correctly write applications using Focal?
- 12:49Developer Life with Focal
related talks
39mIntroduction to Reactive Programming with React
09mLightning talk from Gregory Shehet
01h 15mState management of React apps with the Focal library
31m(React)ive State Management: Enter RxJS
42mThe story of declarative React at Grammarly: two-way data binding with Focal
32mRefracting React
43mSolving behavioral complexity with FRP
33mHow React changed everything