用途:为 React 应用提供使用 Zustand 的约定式指导,适用于实现全局 UI 状态(模态框、进度指示器)、管理组件间共享数据、避免 prop drilling、建立跨组件通信等场景。
主要能力:技能包含若干规则文件,覆盖何时使用 Zustand、store 组织方式、模态框模式、避免 prop drilling 等主题;每个规则文件给出说明、正确与错误代码示例及最佳实践。
核心约定(MUST):每个领域一个 store(如 uiStore、workspaceStore、statusLogStore);store 保持聚焦,过大时拆分;使用选择器减少重渲染,写法为 useStore((state) => state.specificValue);动作定义在 store 中而非组件内;模态框从 store 读取可见性状态,而不是通过 props 传入。
使用方式:阅读对应规则文件获取详细说明与代码示例,包括 rules/zustand-store-organization.md、rules/zustand-modal-pattern.md、rules/zustand-avoiding-prop-drilling.md。相关技能为 busirocket-react-components-and-hooks(组件模式)。
限制:资料未提供安装命令、版本要求、价格或具体适用平台信息,暂未提供。