vercel-react-best-practices

To optimize React and Next.js data fetching, you must eliminate waterfalls by parallelizing data requests. This approach ensures server-side rendering is efficient, leading to faster load times and better user engagement.

Reducing bundle size in a Next.js application requires adhering to specific bundle optimization rules. Applying these guidelines during code generation and review minimizes client-side payloads and improves load performance.

Yes, you can guide AI agents in refactoring existing React code using these guidelines. The rules direct AI agents to review and rewrite code, ensuring adherence to performance best practices across eight critical optimization categories.

Slow React server-side rendering performance often stems from unoptimized data fetching strategies and inefficient server operations. Applying targeted server-side performance rules eliminates bottlenecks and improves rendering efficiency.

Yes, there are specific rules for eliminating waterfalls in React development. This skill provides 58 detailed rules across 8 categories, including dedicated guidelines for parallelizing data fetching to prevent sequential request delays.

No, you do not need to configure dependencies for Next.js code review. This skill operates independently with references and scripts, directly providing performance optimization guidelines without external package requirements.