SuperAPI AI 工具集

vercel-react-best-practices

前端与建站

查看项目

更新于 10-15 22:40

技能介绍

用途:该技能提供 Vercel 维护的 React 与 Next.js 性能优化规则集,适用于编写、审查或重构 React/Next.js 代码,以及优化打包体积和加载时间的场景。

主要能力:包含 58 条规则,分为 8 个类别并按影响优先级排序,每条规则带前缀标识。类别包括:消除瀑布请求(CRITICAL,async-)、包体积优化(CRITICAL,bundle-)、服务端性能(HIGH,server-)、客户端数据获取(MEDIUM-HIGH,client-)、重渲染优化(MEDIUM,rerender-)、渲染性能(MEDIUM,rendering-)、JavaScript 性能(LOW-MEDIUM,js-)、高级模式(LOW,advanced-)。规则以 MUST/SHOULD/MAY 标注强度,如 async-parallel 要求独立操作使用 Promise.all(),bundle-barrel-imports 要求直接导入避免 barrel 文件,rendering-conditional-render 要求条件渲染用三元而非 && 等。

使用方式:资料指出可读取单个规则文件查看详细说明与代码示例,例如 rules/async-parallel.md、rules/bundle-barrel-imports.md;每个规则文件包含原因说明、错误示例、正确示例及补充参考。完整指南见 AGENTS.md。

限制:资料未提供该技能的安装命令、收费或价格、具体运行平台及执行步骤,这些信息暂未提供。