SuperAPI AI 工具集

vercel-react-best-practices

前端与建站

查看项目

更新于 10-16 01:06

技能介绍

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

主要能力:包含 58 条规则,分为 8 类并按优先级排列:消除瀑布流(CRITICAL,async- 前缀)、打包体积优化(CRITICAL,bundle-)、服务端性能(HIGH,server-)、客户端数据获取(MEDIUM-HIGH,client-)、重渲染优化(MEDIUM,rerender-)、渲染性能(MEDIUM,rendering-)、JavaScript 性能(LOW-MEDIUM,js-)、高级模式(LOW,advanced-)。每条规则文件包含原因说明、错误代码示例、正确代码示例及补充参考。

使用方式:按需阅读单条规则文件,例如 rules/async-parallel.md、rules/bundle-barrel-imports.md;完整展开版见 AGENTS.md。

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

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