用途:为 React 与 Next.js 应用提供性能优化指导,覆盖编写新组件、实现数据请求、审查性能问题、重构应用、优化包体积与加载时间、排查慢渲染等场景。
主要能力:规则按优先级分为 8 类,含消除请求瀑布(async-)、包体积优化(bundle-)、服务端性能(server-)、客户端数据获取(client-)、重渲染优化(rerender-)、渲染性能(rendering-)、JavaScript 性能(js-)、高级模式(advanced-),每条规则含原因说明、错误与正确代码示例及参考。
使用方式:可用 npx clawhub@latest install react-best-practices 安装;单条规则位于 rules/ 目录(如 rules/async-parallel.md、rules/bundle-barrel-imports.md、rules/rerender-memo.md),完整 2900+ 行合集见 AGENTS.md。
规则要点示例:并行请求用 Promise.all();重组件用 next/dynamic 动态导入;避免 barrel 文件直接导入;Server Actions 需鉴权;用 React.cache() 做请求级去重;用 SWR 自动去重;用函数式 setState 保持回调稳定;用 toSorted() 替代 sort();不要在 useEffect([]) 中做初始化。
限制:资料未说明适用框架版本、兼容性、许可证、维护状态和收费情况,暂未提供。