SuperAPI AI 工具集

react-best-practices-vercel

前端与建站

查看项目

更新于 10-16 07:25

技能介绍

用途:该技能提供 Vercel 维护的 React 与 Next.js 性能优化指南,适用于编写新组件或页面、实现数据获取、审查性能问题、重构现有代码以及优化包体积与加载时间。

主要能力:包含 57 条规则,按影响优先级分为 8 类。关键类别包括:消除瀑布流(async-,CRITICAL)、包体积优化(bundle-,CRITICAL)、服务端性能(server-,HIGH)、客户端数据获取(client-,MEDIUM-HIGH)、重渲染优化(rerender-,MEDIUM)、渲染性能(rendering-,MEDIUM)、JavaScript 性能(js-,LOW-MEDIUM)与高级模式(advanced-,LOW)。规则示例有 async-parallel(独立操作使用 Promise.all())、bundle-barrel-imports(直接导入,避免 barrel 文件)、server-cache-react(用 React.cache() 做每请求去重)、rerender-memo(将昂贵计算提取到 memo 组件)等。

使用方式:按需阅读各规则文件,如 rules/async-parallel.md、rules/bundle-barrel-imports.md;每个规则文件包含原因说明、错误代码示例、正确代码示例及补充参考。完整指南见 AGENTS.md。

适用场景:React/Next.js 应用的性能审查、重构与代码生成。

限制:资料未提供安装命令、收费方式、平台支持范围或具体效果数据。