React Best Practices
vercel-labsReact and Next.js performance guidance maintained by Vercel.
Overview
A collection of React and Next.js rules covering request waterfalls, bundle size, server work, client fetching, and rendering. Supporting rule files provide context and examples for an agent reviewing or implementing a component.
A good fit for
Reviewing how a React page loads data and ships client code before pursuing small rendering optimizations.
Keep in mind
Check recommendations against your installed React and Next.js versions. Profile the relevant behavior instead of assuming every suggested change will make it faster.
Example prompt
After installing, paste this into your agent and make it your own.
Use vercel-react-best-practices to review this dashboard. Prioritize request waterfalls and unnecessary client dependencies. Check our framework versions before changing APIs.Source & details
Read the original SKILL.md- Publisher
- Vercel
- License
- MIT
- Source checked
We reviewed the upstream instructions and install source. Agent outputs have not been benchmarked. Review the changes and test your interface before shipping.
