Para terminar con el tema eventos, es posible repropagar eventos hacia arriba en la jerarquía de un componente significativo de Svelte si simplemente utilizamos el atributo on, pero no le damos ningún valor. Un ejemplo será mejor que mil palabras.

Los eventos que fabriquemos con un event dispatcher también nos permiten agregarle información extra que puede ser capturada en el listener de los eventos, lo que nos va a permitir enviar información extra cuando hagamos fluir eventos de un sitio a otro.

createEventDispatcher es la función principal que nos va a permitir crear despachadores, que es lo que podemos usar para propagar hacia arriba un evento personalizado cuando estamos en un componente Svelte.

Los eventos, aparte de para reaccionar a cambios en los elementos o clicks en botones, también nos permiten generar un flujo de información inverso para que unos componentes notifiquen a otros de acciones que han ocurrido, como la actualización de valores, o la activación de modos especiales.

bind:this es una interesante evolución de bind donde podemos directamente asociar todo un nodo DOM o un nodo Svelte a una variable de la que iría en la sección script de un componente, para poder interactuar con ese nodo desde código. Esto es algo que debería ser usado únicamente en...

Con bind tenemos una forma de asociar bidireccionalmente un atributo de un elemento con una variable. Por ejemplo, si le asociamos un bind a un input box, podemos hacer que se actualice cada vez que cambia el valor de una variable, y que simultáneamente actualice la variable cuando cambie el...

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.

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...

El lenguaje de marcado empleado en los archivos de Svelte incluye una serie de directivas extra que podemos utilizar en los componentes para distintos propósitos. Hoy evaluamos uno de ellos, que nos va a permitir renderizar condicionalmente parte del marcado de un componente en función de si una condición se...

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.