Los WebComponents son una tecnología creada para encapsular elementos usando Javascript vanilla, sin necesidad de frameworks. Si quieres entenderlos, necesitas aprender sus bases.

Utilizar WebComponents requiere tener un conocimiento sólido de HTML y la forma de trabajar con el DOM. En ese apartado explicamos como utilizarlo, adaptado a WebComponents.

Una vez tenemos toda nuestra estructura, podemos trabajar creando funciones que realizen tareas de lógica o de ciclo de vida, correctamente encapsuladas y simplificando su utilización.

Reforzar la parte gráfica es un punto fundamental para crear WebComponents que se adapten al diseño (o tengan su propio diseño) y sean reutilizables. En este apartado explicamos todo lo que debes saber del Shadow DOM.

Un apartado fundamental de los WebComponents, es que cuando comenzamos a tener varios, necesitamos comunicarlos o enviar información entre ellos. Veamos como podemos hacerlo.

A la hora de trabajar, muchas veces no necesitaremos trabajar tan a bajo nivel como con los WebComponents nativos, pero los frameworks se nos quedan grandes. Aquí tenemos algunas librerías de WebComponents muy interesantes.