React Code Quality

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

Workflow

1. Inspect the relevant components, hooks, types, and nearby conventions.
2. Identify the decisions involved: state, Effects, responsibilities, APIs, types, or abstraction.
3. Read only the references relevant to those decisions.
4. Implement the simplest design that satisfies the current requirement.
5. Verify the result (see Verify).

Match the requested mode:

• During implementation, apply these rules without narrating a checklist.
• During review, report concrete design risks and preferred replacements, not stylistic nits.
• During design discussion, do not edit files unless explicitly asked.
• Do not expand a focused change into unrelated cleanup.