The State of React’s State in 2019
summary
Compares concrete implementations — Context + Hooks, MobX, MobX State Tree, Redux Toolkit (redux-starter-kit), and Apollo Client — by rebuilding the same login flow and noting what breaks or simplifies. Claims 80% of global state is API cache, shows GraphQL/Apollo’s normalized cache removes most invalidation pain, and recommends using initialize outside React for auth loading. Demonstrates form handling with Formik / React Final Form, warns Context causes wide rerenders and subscriptions fail under concurrent mode, and shows which approaches actually reduce bugs.
AI-written summary · about
chapters (13)
- 0:00Intro
- 1:10State Management
- 5:23State Changes
- 11:48GraphQL
- 15:39Demo territory
- 16:29Context
- 17:38Example
- 25:16Use reducer
- 34:36Observable components
- 35:51Norm of X
- 40:42Redux
- 46:08Redirect Starter Kit
- 48:50Apollo Client
related talks
28mThe State of React State in 2019
47mThe State of React State Management
40mReact State – The Good, the Bad and the Ugly
38mState of React
17mManaging React State: 10 Years of Lessons Learned
25mReact state management in a GraphQL era
30mMake React State-Management great again
40mManaging Complex State in React