Aprende cómo Astro hidrata componentes de forma selectiva para mantener rendimiento sin perder UX.
La arquitectura de islas permite enviar HTML estático por defecto y activar JavaScript solo en componentes concretos.
Esto reduce peso inicial de la web y mejora tiempos de interacción en dispositivos modestos.
Pensar en islas te obliga a diseñar páginas por capas: contenido estable arriba, interacción puntual donde toca.
Es un enfoque muy profesional para producto real, no solo para demos bonitas.
No todo necesita JS. Ese es el punto.
Empieza detectando qué partes son puramente de lectura y cuáles requieren interacción.
Los bloques estáticos se renderizan como HTML plano; los interactivos se montan como islas.
Así consigues páginas muy rápidas sin renunciar a filtros, sliders o toggles cuando son útiles.
No es solo teoría de arquitectura.
Aprende cómo Astro hidrata componentes de forma selectiva para mantener rendimiento sin perder UX.
Código del tema: <ComponenteReact client:visible />
No todo necesita JS. Ese es el punto.
Empieza detectando qué partes son puramente de lectura y cuáles requieren interacción.
Los bloques estáticos se renderizan como HTML plano; los interactivos se montan como islas.
Así consigues páginas muy rápidas sin renunciar a filtros, sliders o toggles cuando son útiles.
No es solo teoría de arquitectura.