react-best-practices

To optimize React and Next.js performance during a code review, apply actionable rules across eight categories including bundle size reduction, server-side rendering, and eliminating data waterfalls. This enforces critical patterns using practical examples and checklists.

Best practices for reducing bundle size in a Next.js application involve applying specific bundle size optimization rules. These practices guide refactoring and reviewing code to decrease loading times and improve overall user experience.

Eliminating waterfalls improves React data fetching performance by preventing sequential blocking requests. Applying this optimization pattern ensures parallel data fetching, which significantly reduces loading times and enhances the user experience.

Yes, you can automate a React performance audit for your existing codebase. The skill supports automating performance audits to identify rendering inefficiencies and generate prioritized improvement plans based on Vercel Engineering guidelines.

Use Suspense for server-side rendering optimizations in Next.js when you need to enforce critical rendering patterns. It supports improving loading times by managing asynchronous components and optimizing the rendering pipeline.

To stop unnecessary re-renders in React components, apply re-render optimization rules from the skill. It provides actionable patterns and practical examples to coach teams on rendering efficiencies and prevent performance regressions.