React Best Practices
React and Next.js optimization skill for AI agents from Vercel, featuring 40+ practical rules for building faster, scalable, and performance-focused applications.
Description
Discover the React Best Practices framework from Vercel — a powerful, performance-focused collection of React and Next.js optimization skills that encapsulate over 10+ years of real engineering experience. Designed for modern developers and coding AI agents alike, this structured repository helps teams build faster, leaner, and more scalable React applications by spotlighting the most impactful patterns first. From eliminating async waterfalls and reducing bundle sizes to optimizing server-side rendering and client-side rendering logic, this guide covers 40+ practical rules organized by real performance impact. Whether you’re improving loading speed, reducing re-renders, or making data fetching more efficient, these best practices elevate both developer productivity and user experience.
Example use cases
- 1Optimizing React and Next.js application performance
- 2Building scalable and maintainable React projects
- 3Improving server-side rendering and Core Web Vitals
- 4Reducing JavaScript bundle size and unnecessary re-renders
- 5Refactoring legacy React codebases using best practices
- 6Establishing team-wide React coding standards
- 7Guiding AI agents to generate production-ready React code
- 8Enhancing SEO and user experience in modern web applications