React Best Practices

Preconditions

Before applying these practices, confirm:

1. Stack check - Verify React Router 7 is in use (or note if using different router/framework)
2. TypeScript - Confirm TypeScript is configured with strict: true
3. Existing patterns - Review existing codebase patterns for consistency

If the codebase uses a different data fetching approach (TanStack Query, SWR, etc.), adapt the data fetching guidance accordingly.

Steps

When writing or reviewing React code: