React Best Practices

Comprehensive performance optimization guide for React applications, adapted from Vercel Engineering. Contains 30 rules across 7 categories, prioritized by impact to guide automated refactoring and code generation.

Note: This version has been customized for pure React 19.2:

• Server-side data fetching and SWR rules removed (project uses react-query)
• Next.js-specific rules removed (next/dynamic, SSR hydration, etc.)
• React Compiler is enabled - Memoization rules (memo, useMemo, useCallback) removed as the compiler handles this automatically

When to Apply

Reference these guidelines when:

• Writing new React components
• Reviewing code for performance issues
• Refactoring existing React code
• Optimizing bundle size or load times

Rule Categories by Priority