vercel-react-best-practices

To fix React and Next.js performance issues, you apply high-priority patterns across components, data fetching, and bundling. This provides guardrails, examples, and validation checks to guide automated refactoring and reduce runtime bottlenecks.

The best way to optimize bundle size involves applying targeted best practices for Bundle Size Optimization. This provides specific rules and validation checks to reduce bloat and improve startup performance across your project.

Yes, you can use these rules for automated code reviews and refactoring. The catalog provides guided usage and validation checks to enforce consistent performance standards across your automation workflows.

You eliminate data fetching waterfalls by applying the Eliminating Waterfalls and Client-Side Data Fetching patterns. These rules guide you in restructuring component logic to remove sequential bottlenecks.

The categories covered include Eliminating Waterfalls, Bundle Size Optimization, Server-Side Performance, Client-Side Data Fetching, Re-render Optimization, Rendering Performance, JavaScript Performance, and Advanced Patterns.

You should prioritize server-side performance by applying the Server-Side Performance rules to reduce bottlenecks. The catalog offers clear prioritization by category, enabling targeted improvements with minimal risk.