React 状态管理：Zustand、Jotai 与 Redux 对比
什么是状态管理，它解决什么问题 React 的数据流是单向的：数据通过 Props 从父组件流向子组件。这在小型应用中很好用，但随着应用规模扩大，会遇到两个典型痛点： Prop Drilling（属性透传） 同一份数据需要从顶层组件一层一层往下传，中间层组件本身并不使用这个数据，却不得不接收并转发它。组件层级越深，代码越难维护。 App（持有 user 状态） └─ Layout └─ Sidebar └─ UserAvatar（需要 user）← 要传三层 props 跨组件状态同步困难 当两个没有父子关系的组件需要访问同一份数据时，只能把状态提升到它们共同的祖先组件，然后再层层传下去。状态越分散，同步越容易出 bug。 状态管理库的解法 把共享状态提取到组件树之外的独立 Store，任何组件都可以直接订阅和修改，不需要层层传递 Props。 Store（独立于组件树） ↗ ↗ ComponentA ComponentB React 主流状态管理方案对比 库 定位 包大小 学习曲线 Zustand 轻量、直觉式 API ~1 KB 低 Jotai 原子化状态，细粒度订阅 ~3 KB 低 Redux Toolkit 功能完整，适合大型项目 ~20 KB 高 Zustand Zustand 是目前最流行的轻量状态管理库，API 极简，和 Vue 的 Pinia 非常相似。 创建 Store： ...