vercel-react-best-practices

Reduce React and Next.js bundle size by applying specific rules for bundle size reduction provided within the optimization guidelines. These rules target code splitting and efficient imports to achieve faster load times and smoother user experiences.

Prevent unnecessary component re-renders in React by following optimization rules focused on re-render efficiency. The guidelines offer concrete refactoring examples to identify and fix inefficient state management and rendering patterns.

To review a React codebase for performance bottlenecks, apply the optimization rules to identify issues like large bundle sizes, unnecessary re-renders, and inefficient data fetching. This refactoring process ensures adherence to best practices for maximum efficiency.

Yes, this approach works for both React and Next.js codebases by providing comprehensive performance optimization guidelines. It targets developers and AI agents involved in writing, reviewing, or refactoring code to ensure maximum efficiency across both frameworks.