Cuando uno ha desarrollado un Web Component le interesa poder utilizar este componente de una forma sencilla en otros proyectos, es decir, utilizar algún tipo de import. Copiar y pegar el código es una técnica que todos hemos utilizado en alguna ocasión, pero no es...
Hoy vamos a profundizar en dos formas de crear contenido en un componente, aunque ambas se llaman template son muy diferentes entre sí. Una de ellas, la etiqueta template, se considera como uno de los pilares de los Web Components; la otra, las template string de...
Los elementos HTML que incluimos dentro de un Custom Tag se denominan Light DOM. Funciona de forma diferente si tenemos o no un Shadow DOM definido. En el último artículo donde analizamos a fondo el Shadow DOM todos los ejemplos los hemos creado sobre elementos que no...
Es probable que el DOM se nos haya ido de las manos: creamos y gestionamos miles de elementos anidados en árboles interminables, con identificadores y estilos que terminan colisionando unos con otros. Es en este contexto donde el Shadow DOM nos ofrece una solución muy...
HTMLElement es una de las piezas clave de los Web Component, pero en general se pasa muy rápidamente por sus características, utilizándolo como un mero contenedor de los elementos de nuestro componente. Os proponemos dar un repaso a fondo a sus capacidades a fin de...
