Architecture front modulaire: éviter le spaghetti

La dette front vient surtout d’un manque de frontières. Installez des limites explicites qui résistent aux années.

Stratification

• Domaine (features): auth, catalog, checkout

• UI partagée: boutons, formulaires, layouts

• Services: API, stockage, analytics

src/
├─ app/ (routes, providers)
├─ entities/ (types, mappers)
├─ features/ (domaines)
├─ shared/ (ui, lib)
└─ widgets/ (compositions)

Règles d’import

• features → shared uniquement

• app → features/widgets

• Pas d’imports circulaires (eslint-plugin-boundaries)

Tests par niveau

• Unitaires: shared/lib

• Intégration: features

• E2E: parcours métiers

Indicateurs santé

• Couverture tests > 70%

• Lignes par fichier raisonnables (<300)

• Linter d’imports et de complexité cyclomatique