vercel-react-best-practices

To optimize React and Next.js performance during refactoring, you must eliminate data fetching waterfalls, optimize bundle sizes, and enforce server-side rendering patterns. This ensures faster load times and reduces inefficient client-side hydration.

Best practices for Next.js data fetching and server components involve eliminating waterfall requests and strategically managing server-side rendering versus client hydration. Enforcing these patterns optimizes client-side data fetching and overall server-side performance.

To reduce JavaScript bundle size and re-renders in a React application, apply bundle optimization techniques and re-render optimization patterns. These practices streamline JavaScript efficiency and improve overall rendering performance.

Yes, you can use these React and Next.js performance guidelines to review existing components. The patterns are designed to analyze, review, and refactor production code to ensure adherence to proven performance practices.

You should implement client hydration and server-side rendering optimizations when addressing performance bottlenecks in production. Enforcing advanced patterns for these interactions eliminates waterfalls and optimizes client-side data fetching.

Yes, this Skill supports scaffolding new features with Next.js performance patterns. It provides automation-ready guidelines that can be encoded into AI-assisted code generation workflows to ensure new features adhere to proven practices.