vercel-react-best-practices

To optimize React and Next.js performance, apply over 50 prioritized rules covering waterfall elimination, bundle size reduction, server-side rendering improvements, and re-render optimization.

Best practices for reducing bundle size include applying specific rules for effective component code-splitting and optimizing dependencies to achieve a faster initial paint and better Time To Interactive.

Eliminating waterfalls improves server-side rendering by parallelizing data fetching, which ensures efficient server-side execution and leads to faster load times and smoother user experiences.

Yes, AI agents can automatically refactor React code for performance by using this comprehensive guide prioritized by impact to review and optimize code for critical performance areas.

You should optimize React re-renders whenever client-side performance degrades, using the provided rules to guide automated refactoring and ensure smoother user experiences during interaction.

Yes, this guide works for existing Next.js codebases by applying its prioritized rules to the provided codebase, improving data fetching, code-splitting, and rendering performance.