#React 状态管理怎么选？

市面上的状态管理库太多了，该怎么选？

#先别急着上库

能用 Props 和 State 解决的，就不要用全局状态。状态越分散越好管理。

#方案对比

#1. Context API（轻量级）

const ThemeContext = createContext('light');

• 搭配：useContext + useReducer
• 适合：低频更新的全局状态（主题、语言、用户信息）
• 缺点：Value 变化会导致所有消费者重渲染，不适合高频更新的细粒度数据

#2. 原子化：Jotai / Recoil

• 状态拆分成独立的 Atom（原子）
• 组件只订阅自己需要的 Atom
• 优点：精确渲染，性能好
• 适合：高性能图形应用、复杂交互仪表盘

#3. Zustand（极简主义）

const useStore = create((set) => ({
  bears: 0,
  increase: () => set((state) => ({ bears: state.bears + 1 })),
}));

• API 极其简单，一个 create 函数
• 用 Selector 精确订阅，状态变了才渲染
• 不需要 Provider 包裹
• 目前社区最火的轻量级 Redux 替代品

#4. Redux Toolkit（工业级）

• 严格的单向数据流
• 强大的 DevTools（时间旅行调试）
• 生态圈极其丰富
• 适合：大型企业级应用、多人协作、逻辑极其复杂

#怎么选？

记住：先从简单的开始，不够再换复杂的。