React Best Practices

Produce the smallest React implementation that remains correct, readable, maintainable, and responsive as requirements change.

Workflow

1. Inspect the relevant components, hooks, types, nearby conventions, and installed React version. For performance work, inspect the compiler and build configuration too.
2. Identify the decisions involved and read only the relevant references below. A narrow edit should not trigger a full architecture or performance audit.
3. Implement the simplest design that satisfies the current requirement. Follow project instructions and installed framework documentation for version-sensitive APIs.
4. Verify behavior and run the project's relevant checks. For optimization, compare the affected interaction or resource cost before and after when practical.

During implementation, apply the guidance without narrating a checklist. During review, report concrete correctness, design, or performance risks with preferred replacements, not stylistic nits. During design discussion, do not edit files unless asked. Keep focused changes free of unrelated cleanup.

Core Principles