Voilà, c’est tout pour ce chapitre. J’espère que vous aurez appris plein de choses sur l’avenir du développement web. Les Web Components auront certainement un rôle à jouer dans le web de demain, et il serait dommage de passé à côté !
Retenez que les Web Components sont composés de quatre technologies différentes qui fonctionnent ensemble, pour nous permettre de réaliser des applications web avec du HTML modulaire.
En résumé
- Les Composants Web permettent d’encapsuler du code HTML, CSS et JavaScript qui n’interfère pas avec le DOM principal de la page web.
- Les Composants Web sont un assemblage de quatre standards indépendants : les éléments personnalisés, le Shadow DOM, les templates HTML et les imports HTML.
- Les éléments personnalisés permettent de créer ses propres éléments HTML valides.
- Les templates HTML permettent de développer des morceaux de code HTML qui ne sont pas interprétés au chargement de la page.
- Les imports HTML permettent d’importer du HTML dans du HTML.
- Les spécifications des Composants Web sont assez récentes et ne fonctionnent pas forcément sur les navigateurs les plus anciens.
- React est construit autour de cette approche en composants, afin de nous faire bénéficier de tous ces avantages.