vercel-react-best-practices

Optimizing React and Next.js performance involves applying curated best practices for server components and data fetching to reduce waterfalls and improve UI speed. This Skill provides guardrails and patterns to enforce these optimizations across client and server contexts.

Reducing bundle size in a Next.js application is achieved by applying curated best practices for bundling and rendering. This Skill enforces practical patterns across component code and build configurations to consistently deliver smaller bundles.

Yes, you can use these React performance best practices for automated refactoring. The Skill provides real-world scenarios with guardrails specifically designed to support and guide automated refactoring and code generation tasks.

Improving Time to Interactive in React web development is accomplished by enforcing performance guidance in both development and production workflows. It provides practical patterns for avoiding data fetching waterfalls and optimizing rendering across client and server boundaries.

You should apply Next.js best practices to component code and page routes when your application suffers from performance pitfalls. The Skill enforces guidance across build configurations and rendering contexts to consistently deliver faster UI.