vercel-react-best-practices

Optimize React and Next.js rendering by applying structured patterns for server components, client components, and server actions to improve speed and reduce resource usage across pages and components.

Reduce bundle size in Next.js by enforcing specific guidelines for bundle optimization and rendering patterns. This approach ensures consistent performance improvements during feature development and refactoring tasks.

Improve Next.js data fetching and caching by applying structured best-practices that enforce parallelization and efficient data hydration patterns, ensuring consistent performance improvements across diverse application scenarios.

Yes, the approach works for code reviews and refactoring existing React components by providing automated guidance and verification templates to ensure consistent performance improvements across components and pages.

Use server actions versus client components based on structured best-practice patterns that improve speed and reduce resource usage, applying specific guidelines for rendering, data fetching, and caching to optimize SSR and CSR.