SuperAPI AI 工具集

zustand-store-patterns

通用与其它

查看项目

更新于 10-16 02:29

技能介绍

用途:面向 React 项目中使用 Zustand 进行状态管理的场景,整理 store 的创建与使用模式。

主要能力:使用 create 创建 store;组件内通过 useStore(selector) 读取状态并触发更新;set 支持替换或浅合并更新,get 用于在 action 内读取当前状态。资料强调用选择器避免不必要重渲染,多值选择配合 zustand/shallow 的 shallow 比较;将状态与 action 分离;大型 store 可按 slice 拆分后合并;组件外用 useStore.getState() 和 useStore.setState() 非响应式访问;支持 getter 计算值、异步 action、reset 模式。

示例:资料给出计数器、购物车、认证三类 store 的完整写法,以及组合 slice、get/set 用法。

限制与反模式:不要直接修改状态,应返回新对象;不要选择整个 store;选择器不要依赖外部状态;相关数据不要拆成多个 store。

相关技能:资料提及 zustand-typescript、zustand-middleware、zustand-advanced-patterns,分别涉及类型、中间件与高级模式。安装命令与版本信息暂未提供。