React 状态管理最佳实践

状态管理是 React 应用开发中的核心话题。

本地状态 vs 全局状态

首先要区分什么时候使用本地状态，什么时候使用全局状态。

本地状态

• 表单输入
• UI 状态（展开/折叠）
• 临时数据

全局状态

• 用户认证信息
• 主题设置
• 跨组件共享的数据

推荐方案

1. useState/useReducer - 本地状态
2. Context API - 简单的全局状态
3. Zustand - 中等复杂度
4. Redux Toolkit - 大型应用