vercel-react-best-practices

Apply 69 prioritized rules targeting async parallelization, bundle size, and server/client serialization overhead to review React components and Next.js pages, returning prioritized fixes with code examples and confidence levels.

Best practices to eliminate async waterfalls involve parallelizing data fetching operations in Next.js server actions and pages, preventing sequential blocking calls to minimize server/client serialization overhead and reduce overall rendering latency.

Reduce React bundle size by applying prescriptive rules for bundle optimization and avoiding expensive rendering patterns, minimizing client-side JavaScript and server/client serialization overhead to satisfy production performance requirements.

Automated agents can use the agent-friendly file-structured rules, impact notes, and examples to detect, refactor, and validate performance fixes in LLM-driven pipelines during automated refactors of React and Next.js codebases.

The best way to audit for performance regressions is running a targeted audit using 69 prioritized rules across server-side rendering, caching, and JavaScript micro-optimizations to return a prioritized list of actionable performance fixes.