The Battle of State Management in modern frontend applications
summary
State management is the source of many bugs and slowdowns and the talk dissects concrete differences across Redux, Ngrx Store, Vuex, MobX, Recoil, React Query and XState using the same counter example, code snippets and a metrics table. It shows Redux Toolkit aggregates reducers and actions and uses useSelector/useDispatch with immutable state copies, contrasts that with MobX’s observable streams and instant updates, explains Recoil’s atoms and selectors for fine-grained shared state, and demonstrates React Query’s caching, prefetch and invalidation plus XState’s visual finite‑state machines.
AI-written summary · about
chapters (10)
- 0:00Introduction to state
- 1:14Data flow processes
- 5:57Data update and reactivity
- 10:59Conceptual mental models
- 16:02Redux toolkit
- 20:31MobX reactive state
- 24:22Recoil atomic state
- 28:35React query for server state
- 32:52Finite state machines
- 37:55Future and conclusion
related talks
23mThe two types of state management
18mState Management — One Meta-Model to Rule Them All
30mMake React State-Management great again
18mDestructuring state management (in React)
14mState management without pain
47mThe State of React State Management
52mState management beyond the libraries
30mManaging State Management