Les Web Components par la pratique

Les Web Components vous permettent de créer des custom components comme le font vos frameworks Front préférés. Mais en se passant desdits frameworks, les Web Components permettent une réutilisation et des performances bien meilleures. Cette amélioration des performances constatées lors de l'utilisation de custom components est précieuse dans le contexte d'une PWA. Enfin, si vous souhaitez utiliser les Web Components avec un framework, c'est également possible.

Les Web Components, c'est pour quand ? Pour maintenant, en tous cas pour 2018. Un indice fort : Ionic les a déjà adoptés par l'intermédiaire de Stencil. Et ce n'est pas le genre de virage pris sur un coup de tête. L'autre framework qui facilite la création des Web Components est Polymer.
Mais avant d'utiliser des surcouches au dessus des Web Components, il est judicieux de prendre en main les quatre standards que sont Custom elements, Shadow DOM, HTML templates et HTML Imports.

L'approche sera orienté projets et vous montrera comment créer :
- un component simple
- des component héritant d'un autre component créé par vous-même ou par un autre développeur
- un component paramétrable via des attributs accessibles aux développeurs qui utiliseront ledit component 
- un component avec une API, qui permettra aux autres développeurs d'utiliser cette API depuis leur code JavaScript

Les Web Components permettent de faire nativement ce que seuls permettaient jusqu'à présent de faire frameworks et librairies. C'est une évolution majeure du web que vous pouvez suivre dès maintenant grâce à cette formation.