vercel-react-best-practices

Optimize React and Next.js performance by eliminating data fetching waterfalls, reducing bundle size, improving server-side rendering, and minimizing unnecessary client-side re-renders. This Skill provides official Vercel guidelines to implement these techniques effectively.

Prevent data fetching waterfalls in Next.js by parallelizing data requests and optimizing client-side fetching. This Skill provides rules to help AI agents identify sequential fetching patterns and refactor them for faster server-side and client-side performance.

Yes, this Skill provides agent-friendly rules designed for AI agents and LLMs to apply when writing, reviewing, or refactoring React and Next.js code to ensure components are code-split and optimized for speed.

Reduce JavaScript bundle size by applying Vercel's React best practices for effective code splitting and rendering performance. This Skill outlines advanced patterns to ensure components are loaded efficiently and bundle bloat is minimized.

Poor React rendering performance often stems from unoptimized re-renders, heavy JavaScript execution, and unoptimized server-side rendering. This Skill provides guidelines to identify bottlenecks and apply advanced patterns to resolve these issues.