React

Workflow

1. Confirm React/runtime baseline and application architecture constraints.
2. Design component boundaries and prop APIs before implementation.
3. Choose state strategy by scope: local, shared client, and server state.
4. Implement effects and async flows with cancellation/error handling.
5. Optimize rendering and bundle behavior with measured evidence.
6. Validate user behavior with testing pyramid and accessibility checks.
7. Enforce lint/type/build gates in CI.
8. Document migration and operational risks for release.

Preflight (Ask / Check First)

• React version and rendering mode constraints.
• TypeScript strictness and linting baseline.
• Data layer choice for server state and caching.
• Design system/component library conventions.
• Performance goals for key routes and devices.
• Accessibility and compliance requirements.