Retour aux cas pratiques
Web ComponentsAvancé
Conception d'un composant modal encapsulé avec gestion d'état interne
Scénario
Contexte : Une application doit afficher une modale réutilisable dans plusieurs pages sans dépendre d'une librairie externe. Le Problème : Les implémentations actuelles dupliquent la logique d'ouverture et de fermeture. Contraintes : Utiliser Custom Elements et Shadow DOM natif. Gérer l'état interne du composant. Livrable attendu : Créer un composant <app-modal> capable d'ouvrir et fermer dynamiquement son contenu via méthode publique (open, close) tout en encapsulant son style.
Compétences ciblées
webcomponentsshadowdommodalcomponentstate