vercel-react-best-practices

To optimize React and Next.js performance, enforce categorized guidelines for rendering, data fetching, and bundle-optimization. This reduces bundle size and improves Time to Interactive and Largest Contentful Paint metrics.

Next.js data fetching best practices satisfy requirements for server and client data fetching patterns. This ensures optimal rendering strategies and prevents fragile data-fetching architectures in your components.

Audit a React project by applying categorized performance guidelines to generate a prioritized improvement plan. This identifies slow renders and bloated bundles during code review and refactoring processes.

Use React server components to enforce rendering strategies and build optimizations that reduce runtime performance overhead. This approach provides guardrails and safety checks for maintaining optimal component rendering.

Yes, these performance guidelines are applicable to writing, reviewing, and refactoring React components and Next.js pages. They provide validation and safety checks to improve runtime performance during refactoring.