#components

Crea un optimizador de imágenes del lado del cliente: compresión WebP con arrastrar y soltar, decodificación con reconocimiento de EXIF, control deslizante de calidad y comparación controlada por puntero.

Domina la carga diferida, las indicaciones de prioridad y las técnicas LQIP de desenfoque progresivo para optimizar el rendimiento percibido y eliminar los recuadros de imagen en blanco.

Domina la runa $host de Svelte 5 para elementos personalizados: despacha eventos, accede a propiedades del host, intégrate con formularios y garantiza la encapsulación.

Domina la runa $props: pasa datos, usa desestructuración con valores por defecto, maneja props opcionales y construye interfaces de componentes bien tipadas.

Domina la runa $bindable de Svelte 5 para el enlace de datos bidireccional entre componentes padre e hijo con una gestión de estado predecible.

Domina el tag { @render ... } de Svelte 5 para invocar snippets, manejar contenido opcional, patrones de selección dinámica y construir APIs de componentes sofisticadas.

Análisis en profundidad del `<svelte:head>` de Svelte 5 para gestión del encabezado del documento, SEO, SSR, meta tags dinámicas y patrones para aplicaciones complejas.

Aprende a usar `<svelte:options>` de Svelte 5 para controlar el modo runes, los namespaces, la inyección de CSS y compilar componentes como custom elements reutilizables.

Aprende cómo los archivos +page.svelte definen lo que los usuarios ven en cada ruta y cómo crear tus primeras páginas con Server-Side Rendering en SvelteKit.

Un análisis profundo de `<svelte:element>` en Svelte 5 para renderizar etiquetas HTML dinámicas, construir componentes polimórficos y manejar contenido semántico impulsado por CMS.