-
LecciónEventos y reactividad
Los eventos habilitan una característica muy interesante de este tipo de frameworks: la reactividad. Con la reactividad se puede hacer que automáticamente los componentes actualicen su presentación en el momento en el que se producen modificaciones, por ejemplo, cuando un evento de teclado o de ratón se dispara. -
LecciónBucles
Con los bucles podemos insertar directivas en nuestros componentes Svelte para repetir parte de un marcado un número de veces en función del número de elementos que haya en una colección que vamos a ir recorriendo. Además, no te olvides que también tiene else para establecer el marcado en caso... -
LecciónCapturando eventos
Un componente no sería nada si no tuviese eventos, que permite capturar acciones del mundo exterior, como clicks hechos en un botón, pulsaciones de teclas, o incluso eventos propios generados internamente, para reaccionar a él y producir algún tipo de consecuencia. -
Lección✱ Asterisco: Microframeworks y JSX
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. -
LecciónShadow DOM
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. -
LecciónBloques await
await es una interesante directiva que podemos insertar en el marcado de un componente de Svelte para que se resuelva una promesa sobre la marcha, renderizando un marcado u otro en función de en qué etapa de la promesa se encuentra: resolviendo, completada o fallida. -
Lección 📈 En tendenciaSlots de Shadow DOM
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. -
LecciónCustomized built-in elements
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. -
Lección✱ Asterisco: Documentos DOM
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. -
Lección✱ Asterisco: Todo sigue igual (2020)
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.