SuperAPI AI 工具集

vercel-composition-patterns

通用与其它

查看项目

更新于 10-16 03:36

技能介绍

用途:这是一套 React 组件组合模式指南,适用于组件布尔属性过多需要重构、构建可复用组件库、设计灵活的组件 API、审查组件架构,以及使用复合组件或上下文提供者等场景。

主要能力:按优先级分为四类规则。组件架构(HIGH)包含避免布尔属性、用共享上下文构建复合组件;状态管理(MEDIUM)包含将实现与提供者解耦、定义含 state/actions/meta 的通用上下文接口、将状态提升到提供者组件;实现模式(MEDIUM)包含创建显式变体组件而非布尔模式、用 children 替代 renderX 属性;React 19 API(MEDIUM,仅限 React 19+)建议不用 forwardRef、用 use() 替代 useContext()。

使用方式:按需阅读各规则文件,如 rules/architecture-avoid-boolean-props.md、rules/state-context-interface.md;每条规则文件含说明、错误代码示例、正确代码示例与补充参考。完整汇编文档见 AGENTS.md。

限制:React 19 相关章节仅在 React 19 及以上版本适用,React 18 或更早版本应跳过;资料未提供安装命令、收费信息或平台支持细节。