vercel-react-best-practices

To enforce React and Next.js performance best practices, apply automated rule categorization across 8 priority areas like bundle size and server-side rendering during code review. This standardizes optimization and eliminates runtime overhead across Vercel-scale projects.

Best practices for optimizing data fetching in Next.js pages and hooks involve balancing SSR and CSR to eliminate waterfalls. Applying categorized performance rules during component creation ensures optimal client-side data fetching and reduces runtime overhead.

Yes, you can use these React performance guidelines for refactoring existing components. The catalog provides actionable rules and clear examples to optimize re-render performance, JavaScript efficiency, and bundle size across existing codebases.

To eliminate render waterfalls in React applications, apply targeted performance rules during code generation and review. The catalog covers waterfall elimination alongside server-side performance and re-render optimization to standardize codebase efficiency.

No specific dependencies are required to validate Next.js optimization rules. The catalog provides reusable templates, frontmatter metadata, and optional automation assets to validate and enforce performance guidelines across your projects.