Frontend Development

Apply Canvas-specific React, TypeScript, internationalization, state ownership, mock-mode, and bundle-performance conventions.

Workflow

1. Read references/guide.md before making broad or shared frontend changes.
2. Classify every new string as localized UI copy, a named program identifier, or a constrained union tag.
3. Give durable state one owner and avoid mirroring stores into component state.
4. Preserve lazy-loading boundaries and avoid internal imports through library barrels.
5. Keep MSW fixtures in production-build-visible locations and verify static mock mode with a mock-enabled build.
6. Add focused behavioral coverage for the affected feature invariants.

Reference

• references/guide.md — i18n and magic-string rules, generated files, mock mode, loading/performance budgets, lazy imports, query-key and lint constraints, plus feature-specific state and UI invariants.