Vercel React Best Practices offers a comprehensive performance optimization guide for React and Next.js applications containing rules prioritized by impact across multiple categories. It is designed to guide automated refactoring, code generation, and code reviews by detailing rules for eliminating waterfalls, optimizing bundle size, improving server-side and client-side data fetching, and enhancing rendering performance. Reach for this skill whenever you are writing new React components, implementing data fetching, or refactoring existing code to ensure optimal performance patterns.
Key Features
Prioritized rule categories covering critical and high-impact optimizations
Guidelines for eliminating async waterfalls and bundle size bloat
Server-side and client-side data fetching performance patterns
Re-render and general JavaScript performance optimization rules
Privacy & Security
Data Collection
This tool follows industry-standard security practices and only collects data necessary for functionality.