vercel-react-best-practices

To optimize React and Next.js performance, apply over 50 rules covering waterfall elimination, bundle size reduction, and efficient server-side rendering. The guidelines provide concrete incorrect versus correct code examples for immediate refactoring application.

Best practices for client-side data fetching in Next.js involve parallelizing requests to eliminate waterfalls and ensuring efficient rendering. The guidelines provide specific rules to optimize data fetching logic and prevent common performance pitfalls.

You can reduce bundle size in a React application by applying specific optimization rules provided for code generation and review. These guidelines target bundle size minimization alongside server-side performance and JavaScript execution improvements.

You need to optimize server-side rendering performance in Next.js when building features that require efficient data fetching and minimal bundle sizes. The guidelines ensure data fetching is parallelized and server-side rendering is efficient.

Yes, this approach works for both new feature development and code review by providing comprehensive performance optimization guidelines. It targets developers and AI agents involved in generating, reviewing, and refactoring React and Next.js codebases.