vercel-react-best-practices

To fix React async waterfalls, apply best-practice rules that parallelize Server Component data fetching and optimize request handling. This process identifies sequential await patterns and provides deterministic refactoring targets to eliminate cascading request delays.

Reducing RSC serialization overhead requires applying specific best-practice patterns when passing data between server and client components. This Skill analyzes your component boundaries and rewrites affected logic to minimize the payload size transferred during React Server Component streaming.

Optimizing React bundle size with next/dynamic involves applying code-splitting rules to heavy UI components and leveraging Suspense streaming for progressive page hydration. This Skill reviews your code changes and rewrites affected parts to follow the highest-impact rules for bundle reduction.

Yes, you can use this Skill for code reviewing Server Actions and client data fetching logic. It provides incorrect versus correct patterns for these features, ensuring your refactoring aligns with request-scoped caching requirements and prevents client-side performance regressions.

You need to optimize React hooks dependency patterns when writing or refactoring components that impact rendering responsiveness and re-render frequency. This Skill evaluates your hook usage and applies deterministic refactoring targets to correct dependency arrays and improve overall hydration behavior.