React Best Practices

Component Design

• Keep components small and focused (< 200 lines)
• Prefer functional components with hooks
• Use composition over prop drilling
• Lift state only when needed
• Co-locate related code

Hooks

• Use useState for local state
• Use useEffect for side effects (with cleanup)
• Use useCallback for stable function references
• Use useMemo for expensive computations
• Use useRef for mutable values
• Always include all dependencies in dependency arrays
• Create custom hooks for reusable logic