vercel-react-best-practices

To fix React rendering waterfalls and large bundle sizes, audit your project against prioritized best practices spanning server-side, client-side, and bundle optimization patterns. This provides safe, auditable refactoring guidance to eliminate data waterfalls and reduce bundle footprint.

Optimizing Next.js server components involves applying guidelines across server-side, client-side, and advanced pattern categories. This approach ensures efficient data fetching and rendering compliance, yielding measurable improvements in component performance and data flow.

Choosing between client-side and server-side data fetching in Next.js depends on eliminating waterfalls and optimizing re-render behavior. This skill applies category-specific guardrails to diagnose your components and data flows, providing safe transformations for your specific rendering context.

Auditing a React project for re-render and JavaScript performance pitfalls involves checking components against eight priority categories, including rendering and advanced patterns. This process identifies inefficient code paths and provides actionable transformations for code reviews and refactoring.

Yes, you can use these React performance guidelines for refactoring existing Next.js pages. The skill provides actionable patterns with safe, auditable transformations across components, pages, data fetching, and bundling to drive measurable improvements during refactoring efforts.