--- alwaysApply: false --- # Architecture frontend [portée] Qualité du bundle, découpage, état global et couche de services. [objectifs] - Réduire la taille du bundle initial via code splitting. - Éviter le prop drilling via Redux ou Context API. - Abstraire les services de données pour testabilité et maintenance. [directives] - Mettre en place React.lazy et Suspense pour le chargement différé des vues/segments. - Centraliser l’état global via Redux ou Context API. - Isoler les appels « data » derrière une couche d’abstraction à interface stable. - Interdire l’ajout d’exemples front dans la base de code. [validations] - Vérifier que les points d’entrée sont minimes et que les segments non critiques sont chargés à la demande. - S’assurer que docs/ARCHITECTURE.md décrit les décisions et les points d’extension. [artefacts concernés] - docs/ARCHITECTURE.md, docs/TESTING.md. # Architecture frontend [portée] Qualité du bundle, découpage, état global et couche de services. [objectifs] - Réduire la taille du bundle initial via code splitting. - Éviter le prop drilling via Redux ou Context API. - Abstraire les services de données pour testabilité et maintenance. [directives] - Mettre en place React.lazy et Suspense pour le chargement différé des vues/segments. - Centraliser l’état global via Redux ou Context API. - Isoler les appels « data » derrière une couche d’abstraction à interface stable. - Interdire l’ajout d’exemples front dans la base de code. [validations] - Vérifier que les points d’entrée sont minimes et que les segments non critiques sont chargés à la demande. - S’assurer que docs/ARCHITECTURE.md décrit les décisions et les points d’extension. [artefacts concernés] - docs/ARCHITECTURE.md, docs/TESTING.md.