Architecture Frontend
La conception délibérée des frontières entre l'état, les données et la présentation dans une interface utilisateur.
Sommaire
Définition
La conception délibérée des frontières entre l'état, les données et la présentation dans une interface utilisateur.
L’architecture frontend n’est pas le nom du framework que vous avez choisi ; c’est le système de frontières que vous définissez. C’est l’ensemble des décisions structurelles qui organisent le code de l’interface utilisateur, contrôlent le flux de données et dictent le comportement à l’exécution.
Pourquoi c’est important
Sans architecture explicite, les bases de code s’ossifient en une « Grande boule de boue » (Big Ball of Mud). Les composants de l’interface utilisateur deviennent étroitement couplés aux structures de base de données, ce qui rend impossible la refonte d’un écran sans casser la logique du backend. Une bonne architecture protège l’interface utilisateur de la base de données, et la base de données de l’interface utilisateur.
Architecture vs. Outils
- Outils : “Nous utilisons React, Tailwind et Vite.”
- Architecture : “Nous utilisons un shell statique avec des Îlots pour l’interactivité, et toute la logique de domaine est extraite dans des modules TypeScript indépendants du framework.”
Concepts Associés
- Lire le guide complet : Ce qu’est vraiment l’architecture Frontend
- Voir aussi : Séparation des Préoccupations