SuperAPI AI 工具集

vercel-react-best-practices

前端与建站

查看项目

更新于 10-16 09:31

技能介绍

用途:为 React 与 Next.js 应用的性能优化提供规则化指导,可在编写组件、数据获取、代码审查、重构及优化包体积与加载时间时参考。资料称其为 Vercel 维护的综合性能优化指南,含 57 条规则、8 个类别,按影响程度分级,前缀用于规则归类。

主要能力:按优先级分为八类。1 消除瀑布(CRITICAL,async-);2 包体积优化(CRITICAL,bundle-);3 服务端性能(HIGH,server-);4 客户端数据获取(MEDIUM-HIGH,client-);5 重渲染优化(MEDIUM,rerender-);6 渲染性能(MEDIUM,rendering-);7 JavaScript 性能(LOW-MEDIUM,js-);8 高级模式(LOW,advanced-)。每条规则配有说明、错误与正确代码示例及参考。

使用方式:编写组件或页面、实现客户端/服务端数据获取、审查性能问题、重构代码、优化包体积或加载时间时引用这些规则。可阅读单个规则文件(如 rules/async-parallel.md、rules/bundle-barrel-imports.md);完整指南见 AGENTS.md。

适用场景:React/Next.js 项目的性能优化、重构与代码生成。限制:资料未提供安装命令、许可、价格与平台信息,暂未提供。