用途:该技能提供 React 组件组合模式,帮助构建灵活、易维护的 React 组件,避免布尔属性(boolean prop)泛滥,使代码库在规模扩大时更利于人类和 AI 代理协作。
规则分类(按优先级):1. 组件架构(HIGH,前缀 architecture-);2. 状态管理(MEDIUM,前缀 state-);3. 实现模式(MEDIUM,前缀 patterns-);4. React 19 API(MEDIUM,前缀 react19-)。
参考文件按需加载(渐进式披露),仅在任务需要对应深度时读取:
- references/component-architecture.md:避免布尔属性膨胀,使用共享上下文组织复合组件;适用于组件累积了布尔模式,或正在设计灵活的多部分组件 API 时。
- references/state-management.md:将状态提升到 provider、使用通用 context 接口实现依赖注入、将状态与 UI 解耦;适用于兄弟组件需要共享状态,或希望同一 UI 适配不同状态实现时。
- references/implementation-patterns.md:用显式变体组件替代布尔模式、用 children 替代 render props;适用于在变体组件与 props、children 与 renderX 回调之间做选择时。
- references/react19-apis.md:ref 作为普通属性(无需 forwardRef)、用 use() 替代 useContext();适用于面向 React 19+ 并重构 ref 或 context 用法时。
限制:资料未提供具体安装命令、代码示例、收费或平台信息,暂未提供。