ck:react-best-practices

To fix React performance anti-patterns, apply Vercel best practices to detect and resolve issues in components and pages, reducing waterfalls, optimizing bundles, and improving SSR/CSR rendering.

The best way to speed up Next.js SSR and reduce bundle size is applying rule-based patterns for lazy loading, parallel data fetching, and safe serialization to optimize client and server rendering.

Refactor React data fetching to prevent request waterfalls by switching sequential fetching to parallel data fetching patterns, utilizing per-request caching and safe serialization for optimized loading.

Yes, the React performance guidelines support automated tooling and code-generation workflows by providing 45 prioritized rules across 8 categories with concrete refactoring guidance for reviewing components.

Apply lazy loading and per-request caching in React components when optimizing bundle size and data-fetching logic, specifically to reduce render waterfalls and improve client-side rendering performance.