vercel-react-best-practices

To optimize React and Next.js rendering performance, apply standardized best practices that reduce data-fetching waterfalls and improve server/client component rendering. This skill provides guided patterns and checklists to enforce consistent performance gains.

The best way to reduce bundle size in Next.js applications is to apply bundle optimization best practices during code reviews. This skill provides actionable rules and refactor checklists to guide automated improvements and eliminate unnecessary client-side code.

Yes, you can automate Next.js performance checks in your CI pipeline. The skill enforces explicit rules and checklists designed to be implemented in scripts or CI pipelines to ensure consistent performance gains across your codebase.

Server components improve data fetching performance in Next.js by shifting data retrieval to the server to prevent client waterfalls. This skill provides actionable rules to optimize your data-fetching strategies and refine server/client rendering boundaries.

No specific dependencies are required to perform a React code review. The skill provides a standalone checklist of explicit rules and performance best practices that you can directly apply to your existing codebase or integrate into scripts.