En este taller te explico el funcionamiento del método Array.reduce. Se trata de una operación transformadora de reducción, lo que significa que convierte los elementos de un array (transformación), pero se diferencia de un map en que un reduce genera un único elemento, no otro array de elementos. ¿Estás aprendiendo...

Ahora que hemos visto en qué consisten las templates de HTML5, podemos ver cómo integrar una template y extraer su contenido, para incorporarla en un Custom Element.

La etiqueta template forma parte del estandar HTML5 y permite disponer de fragmentos DOM que no son visibles en la página web, pero que pueden ser manipulados mediante JavaScript.

Un pequeño inciso para hablar acerca de los microframeworks, las microlibrerías y otras maneras de obtener usando vanilla JS un comportamiento similar al de JSX.

Shadow DOM es una API para encapsular el DOM de un componente, con el objetivo de que no se pueda alterar su presentación o sus eventos DOM desde fuera.

Con slots, se puede disponer de un sistema para preparar placeholders en un template HTML insertado en un Custom Element, para poder especificar declarativamente el contenido de esa etiqueta usando únicamente lenguaje de marcado.

Los customized built-in elements son una alternativa a los autonomous elements, cuando únicamente queremos alterar la presentación de un componente sin vernos forzados a reinventar la accesibilidad, eventos de teclado, o todo lo que una etiqueta HTML normal haría.

Un pequeño inciso para hablar sobre documentos DOM y sobre por qué no es posible usar directamente los nodos DOM que cuelgan de un HTML template en el documento maestro.

Una revisión un año después al estado de los estándares para ver si sigue habiendo cosas nuevas que contar y para probar que la lista sigue viva. El resumen es que no.

¿Qué diferencia hay entre marcar un Shadow DOM usando open o closed en el modo? Esta es una pregunta a la que buscamos la respuesta en este capítulo.