vercel-react-best-practices

To optimize React and Next.js application performance during a code review, apply a structured rule catalog covering server and client data fetching, bundle optimization, and rendering patterns with clear priorities and practical examples.

Best practices for data fetching in Next.js involve applying prioritized patterns for server and client components. This structured approach provides safe guidance for page rendering and API routes to improve overall application performance.

To reduce bundle size in a large-scale Next.js application, apply bundle optimization and lazy loading patterns. These proven Vercel Engineering practices enforce performance during migrations and new feature development.

Yes, this React performance guidance covers automated refactoring for existing components. It provides safe guidance and practical examples to refactor components, enforce performance, and improve maintainability across typical tasks.

When deciding to use server actions instead of API routes in Next.js, consult the prioritized rule catalog. It establishes clear priorities and practical patterns for server actions and API routes to guide code reviews effectively.