Recoil: State Management for Today's React
summary
Claims a small library extracted from Facebook's Comparison View that replaces hoisted state with atoms (per-item subscribable state) and selectors (pure or async derived values), demonstrates thousands-of-items rendering where only touched items update, and wires state to URLs via transaction observation and snapshots. Code uses a RecoilRoot and useRecoilState, supports async selector Promises with caching, yields fast shared state and predictable updates, and works internally for about a year but remains experimental.
AI-written summary · about
chapters (35)
- 0:00Introduction
- 2:05Recoil
- 2:20Shared State
- 2:55State Structure
- 3:18React Local State
- 4:38React Context State
- 8:12Recoil Root Component
- 10:31Item Worth ID
- 10:57Canvas Item ID
- 11:09Highlight Renders
- 11:45Rendering
- 12:10Sharing State
- 12:43Derived Data
- 14:31Selector SelectorE
- 17:21SelectorH
- 17:41CanvasItem
- 17:53ID
- 18:10Sync
- 19:46Cache
- 19:57Appwide Observation
- 20:40Transaction Observation
- 20:58Metadata
- 21:12Preview
- 22:14Conclusion
- 23:11Questions
- 24:20Recoil vs React
- 25:28Redux vs Recoil
- 25:53Recoil Hooks
- 27:09Why is Recoil simpler than MobX
- 27:32Why are existing state management libraries incompatible
- 28:18What is Recoil
- 28:31Recoil API
- 29:55Recoil Open Source
- 31:25Recoil Concurrent Mode
- 31:51Relay
related talks
46mReact in All Its States
15mRecoil to the rescue! How Recoil helped us to manage our React state
18mDestructuring state management (in React)
36mModern React and the case for Reactive State Management
42mReact in All Its States
36mReasonReact and local state
34mFire-side chat on Recoil with David McCabe
25mFrom Context API to RecoilJS