用途:为 React 和 Next.js 应用提供性能优化指南,在编写新组件或页面、实现数据获取(客户端或服务端)、审查性能问题、重构既有代码、优化打包体积或加载时间时参考使用。
主要能力:按影响优先级分为 8 类共 64 条规则。1. 消除瀑布流(CRITICAL,前缀 async-):如 async-parallel 对独立操作使用 Promise.all()。2. 打包体积优化(CRITICAL,bundle-):如 bundle-barrel-imports 直接导入避免桶文件,bundle-dynamic-imports 用 next/dynamic 加载重型组件。3. 服务端性能(HIGH,server-):如用 React.cache() 做请求内去重、用 LRU 缓存跨请求缓存。4. 客户端数据获取(MEDIUM-HIGH,client-):如用 SWR 自动去重请求。5. 重渲染优化(MEDIUM,rerender-):如提取高开销工作到记忆化组件、用函数式 setState。6. 渲染性能(MEDIUM,rendering-):如长列表用 content-visibility。7. JavaScript 性能(LOW-MEDIUM,js-):如用 Set/Map 做 O(1) 查找。8. 高级模式(LOW,advanced-):如用 useLatest 获得稳定回调引用。
使用方式:查阅单条规则文件(如 rules/async-parallel.md、rules/bundle-barrel-imports.md),每个规则文件包含原因简述、错误代码示例与说明、正确代码示例与说明及补充参考;完整汇总指南见 AGENTS.md。
限制:资料未提供安装命令、收费方式、平台支持与效果数据,暂未提供。