Web components

Ensemble de specs qui facilitent la création de widgets HTML
- Custom Elements : permet de définir des éléments HTML et leur « cycle de vie »
- Éléments HTML template et slot : pour définir un squelette HTML facilement réutilisable
- Shadow DOM : pour encapsuler le DOM d'un widget
Il y avait auparavant une autre spec dans le lot, « HTML Imports »
- jamais mise en prod par Firefox, elle est considérée comme obsolète depuis ~2017
- les fonctionnalités d'import de composants peuvent être gérées avec les modules d'ES6

Support

HTML Imports implémenté par Chrome, et par Firefox derrière une option de config (dans about:config, activer dom.webcomponents.enabled)
Idem pour une première version de Custom Elements et Shadow DOM (appelées v0)
- Custom Elements V0
- Shadow DOM V0

Les dernières versions de Custom Elements et Shadow DOM (appelées « v1 ») sont implémentées depuis longtemps par Chrome et Safari, et viennent d'être mises en prod par Firefox (version 63)
- support Custom Elements V1
- support Shadow DOM V1
Reste notamment Edge… Pour utiliser en prod, il y a des polyfills