vercel-react-best-practices

To optimize React and Next.js performance during a code review, apply structured patterns targeting waterfalls, bundle size, and server-side rendering. This approach standardizes component refactors and data fetching to systematically reduce client load and improve rendering efficiency.

Best practices for reducing bundle size in Next.js involve applying progressive loading patterns and optimizing client contexts. This skill provides actionable guidelines to audit dependencies and minimize JavaScript payloads sent to the browser.

Fixing data fetching waterfalls in React server components requires applying established server-side performance patterns. This skill guides automated refactoring by enforcing structured data fetching rules across both client and server rendering contexts.

Yes, you can use this skill to audit re-render optimization and Suspense patterns. It covers advanced rendering techniques and progressive loading across eight categories to guide performance audits and component refactors.

You should apply server actions and structured rendering patterns in Next.js when standardizing performance across server and client contexts. This skill enforces adherence to these patterns to guide automated refactoring and prevent performance deterioration.