vercel-react-best-practices

Automate React and Next.js performance best practices during code reviews by enforcing a prioritized catalogue of rules. This guides refactors across components, pages, and data-fetching layers to reduce bundle size and improve rendering.

Optimize React rendering and bundle size by applying standard rules and guardrails that prioritize render, bundle, and server concerns. This enforces performance-oriented patterns across components and data-fetching paths.

Yes, you can use this Skill to refactor existing Next.js data-fetching paths. It automates applying performance best practices to optimize server interactions and rendering across your current components and pages.

No, this Skill does not require any specific dependencies to function. It encodes standard rules and prioritization for React and Next.js performance automatically, requiring no external components or setup.

Vercel's React best practices focus specifically on speed across render, bundle, and server concerns within the Next.js ecosystem. This Skill automates applying these prioritized patterns and guardrails rather than relying on general React optimization techniques.

Slow rendering may persist because basic techniques often miss server interactions or data-fetching bottlenecks. Applying Vercel's React best practices ensures comprehensive optimization across render, bundle, and server concerns through prioritized guardrails.