SuperAPI AI 工具集

busirocket-react-components-and-hooks

前端与建站

查看项目

更新于 10-15 17:30

技能介绍

用途:在编写或重构 React 组件、抽取 Hook、决定客户端与服务端组件时,按统一规则组织代码结构,适用于可扩展的 React 代码库。

主要能力:提供组件模式与 Hook 最佳实践两类规则。组件侧包括每文件一个组件、客户端与服务端组件边界、复杂组件的文件夹命名空间、性能优化(memo、useCallback)和无障碍实践;Hook 侧包括每文件一个 Hook、Hook 内不写辅助函数、Hook 内不写类型、稳定 API 与副作用处理。

强制要求:每个 .tsx 文件只导出一个组件;每个 Hook 文件(hooks/<area>/useXxx.ts)只导出一个 Hook;组件与 Hook 内不得包含辅助函数,需抽取到 utils/;不得内联类型,需从 types/ 导入;慎用渲染边界,避免对大子树使用 'use client'。

使用方式:按需阅读单条规则文件,如 rules/react-one-component-per-file.md、rules/react-one-hook-per-file.md、rules/react-client-vs-server.md;每条规则含原因说明、正反代码示例与补充实践。

相关技能:busirocket-core-conventions、busirocket-typescript-react-standards、busirocket-nextjs-route-handlers。

限制:资料未提供具体安装命令、版本兼容性、收费方式与实际效果数据,暂未提供。