mobx-state-tree, stop getting into all those states!
summary
Introduces mobx-state-tree, a state-management library by Michel Weststrate (creator of MobX) as an alternative to verbose Redux stores. Explains how mobx-state-tree lets you update store data with mutable-style syntax while retaining immutable-style benefits like replayability, aiming to simplify React state updates.
AI-written summary · about
chapters (22)
- 0:00Introduction
- 2:11Why use a store
- 3:38Redux overview
- 5:46Redux pros and cons
- 6:29MobX overview
- 8:37MobX pros and cons
- 10:45Redux vs MobX
- 11:30MobX-state-tree intro
- 12:12Live demo: Power Puff model
- 14:30Type and required fields
- 15:39State changes with actions
- 17:47Computed views in MST
- 19:59Snapshot preprocessing
- 22:11Nested models and refs
- 25:28Modifying models via refs
- 27:38Unique IDs for models
- 29:05Tracking changes in MST
- 31:15onSnapshot function
- 33:00MST in React apps
- 36:40Async actions in MST
- 38:17Conclusion
- 39:20Thanks
related talks
21mNext-gen React state management with MobX State Tree
25mNext generation state management
32mMobX State Tree React pure reactivity served
43mYou don’t know MobX State Tree
34mImmer-mutable state management- 43mYou don’t know MobX State Tree
14mState management without pain
34mMutable or Immutable? Why not both!