Des applications React maintenables

Classer par type paraît propre au jour 1 et devient un labyrinthe au jour 200. J’organise React par domaine. Les types vivent à la frontière.

Le domaine bat le type

Sur AnyWare ERP, React n’est pas un sac de composants. La facturation vit avec ses hooks et ses types. Un deuxième dev ne doit pas chercher « la vraie logique ».

L’UI partagée, oui. Les règles métier dans utils, c’est comment on a des bugs silencieux six mois plus tard.

TypeScript à la frontière

Je type les réponses API, les formulaires et les permissions. Pas chaque callback. Le contrat, c’est ce qui traverse le réseau.

Depuis Tanger je livre des APIs Laravel avec des clients React comme ça : l’UI ne dérive pas du domaine sans que le compilateur gueule.

À retenir

  • Organisez React par domaine métier.
  • Typez les frontières : API, formulaires, permissions.
  • utils ne doit pas cacher les règles métier.

FAQ

Un state manager sur chaque app ?

Non. L’état serveur reste près de la query. L’état client reste local jusqu’à ce que deux écrans le partagent vraiment.

Démarrer un projet