This document discusses MobX and MobX State Tree for state management in React applications. It explains that MobX makes state observable and uses reactive programming to automatically re-render components when the state changes. MobX State Tree builds on MobX and adds immutability and time travel debugging capabilities similar to Redux. The document provides examples of how to structure stores with MobX State Tree and when it may not be suitable compared to raw MobX.
19. , Redux VS MobX
Immutable
State
Pure Object
Serialize
Single Root Tree 🌳
/
Time Traveling ⏳
Redux MobX
Mutable
State 👌
Serialize
/ 💅
Time Traveling
20. MobX State Tree 🌳
MobX Redux
Single Tree 🌳
Mutable, But Immutable Snapshot
MobX ✅
MobX
Opinionated. .
23. MobX State Tree 🌳
Immutable ✅ (Snapshot)
State
Pure Object ✅ (Snapshot)
Serialize ✅
✅
Single Root Tree 🌳 ✅
✅
/
Time Traveling ⏳ ✅
Redux MobX
Mutable ✅
State 👌 ✅
✅
Serialize
✅
/ 💅 ✅
Time Traveling
28. When not to use MST?
"If you have a performance critical application that handles a
huge amount of mutable data, you will probably be better off by
using 'raw' MobX, which has a predictable and well-known
performance and much less overhead."