Antes de empezar
- Únete a la comunidad de Discord
- Reportando erratas y sugerencias
- Requerimientos
- Agradecimientos
Introducción a Svelte
- Cuando descubrí Svelte
- ¿Qué es Svelte?
- Hola Mundo en Svelte
- ¿Y qué pasa con el estado?
- Compilación de código
Componentes
- Creando tu primer componente
- Usando componentes
- Props en Svelte
- Spread de props en Svelte
Eventos
- Eventos del DOM
- Modificadores de eventos
- Reenvío de eventos del DOM
Reactividad y Estado
- Reactividad en Svelte
- Valores derivados reactivos
Formularios
- Trabajando con formularios
Lógica en tus componentes
- Renderizado condicional
- Renderizando listas
Fetching de datos y resolviendo promesas
- Resolviendo promesas con declaraciones reactivas y condicionales
- Resolviendo promesas con la sintaxis #await
- Usando la forma corta de la sintaxis
- Resumiendo la sintaxis #await
Creamos una pequeña app
- Creando el buscador
- Obteniendo los resultados
- Refactorización de la app
Crea un proyecto con Svelte
- Creando el proyecto de Svelte.js usando Vite
- Instala las dependencias y levanta el servidor
- Estructura de carpetas del proyecto
- Revisando el código fuente
- Instala la extensión para tu editor favorito
- Conclusiones
Despliegue de tu aplicación
- Desplegando nuestra aplicación en Netlify
- Configura el dominio de tu aplicación
Testing en Svelte
- ¿Qué es una prueba unitaria?
- Las dependencias que necesitamos
- Añadiendo scripts y configuración
- Tu primer test
- Probando el componente
- Un caso más complejo
- Mocking de los datos
Slots
- ¿Qué son los slots?
- Slots nombrados
- También funciona con componentes
- Rellena slots sin usar elementos o componentes
Ciclo de vida de los componentes
- Montaje
- Antes y después de actualizar
- Destrucción
Stores y estado global
- Creando un store
- Usando un store
- Limpiando la suscripción
- Auto-suscripción, la magia de Svelte
- Stores de sólo lectura
Animaciones y transiciones
- Las transiciones
Svelte Kit
- Próximamente
Routing con SvelteKit (enrutado)
- Próximamente