React Best Practices

Performance optimization guide for client-side React applications. Contains 47 rules across 8 categories, prioritized by impact. Adapted from Vercel Engineering's guidelines, filtered for client-only React + Vite (no Next.js / SSR).

When to Apply

Reference these guidelines when:

• Writing new React components or hooks
• Reviewing code for performance issues
• Refactoring existing React code
• Optimizing bundle size or render performance
• Writing or reviewing useEffect usage

Rule Categories by Priority