vercel-react-best-practices

React and Next.js performance best practices optimize UI responsiveness by enforcing 65 prioritized rules across 8 categories, covering components, data fetching, and bundle optimization to guide automated refactoring and code generation.

To identify React performance bottlenecks, review existing code against a prioritized guideline set covering data fetching strategies, bundle optimization, and component design to standardize performance vetting and guide refactoring efforts.

Apply Next.js data fetching and bundle optimization strategies during refactoring when tasks involve Next.js pages, data fetching, or general performance improvements to accelerate development without sacrificing load times.

Yes, you can use these React refactoring guidelines to standardize performance vetting across teams by applying 65 prioritized rules during development and code review to ensure consistent UI responsiveness.

Yes, this approach covers both React component design and Next.js page optimization, applying performance rules across data fetching strategies, bundle optimization tasks, and general UI improvements to guide code generation.