vercel-react-best-practices

To optimize React and Next.js performance, apply over 70 structured best-practice rules across 8 categories covering data fetching, bundling, and rendering to reduce latency and improve UX.

Best practices for Next.js bundling involve applying deterministic code review patterns to identify heavy dependencies and refactor components, measurably reducing bundle size and improving load times.

Server-side data fetching affects React performance by shifting execution to the server, and applying targeted refactoring patterns ensures optimal data retrieval strategies that minimize client-side latency.

Yes, you can use these deterministic performance rules to guide refactoring in existing React codebases. They provide specific guidance for detecting inefficiencies and generating optimized code across components and pages.

You should apply advanced rendering patterns in Next.js when basic data fetching and component optimizations are insufficient to meet latency targets, utilizing structured rules to guide architecture decisions.

No dependencies are required to apply these React performance rules. The skill operates independently to provide deterministic guidance and optional resources for code reviews and refactors.