Arquitectura de Islas
Experimenta con la hidratación parcial de Astro donde solo los componentes interactivos se cargan en el cliente
¿Qué son las Islas?
Las "islas" son componentes interactivos que se hidratan selectivamente en el cliente, mientras que el resto de la página permanece como HTML estático. Esto mejora significativamente el rendimiento al cargar solo el JavaScript necesario.
🎬 Persistencia de Video
Este video continúa reproduciéndose incluso cuando navegas entre páginas gracias a transition:persist
📜 Área de Demostración
Esta sección demuestra cómo el estado se mantiene durante las transiciones de página. El video de arriba seguirá reproduciéndose incluso si navegas a otras páginas y regresas.
Beneficios del Estado Persistente:
- • No se pierde el progreso del video
- • Mejor experiencia de usuario
- • Navegación más fluida
Tecnologías Utilizadas:
- • Astro View Transitions
- • HTML5 Video API
- • CSS Transform Animations
🏝️ Contador Interactivo (Isla)
Este contador es una "isla" que se hidrata solo cuando es necesario y mantiene su estado entre navegaciones.
Estado Persistente
client:only="solid-js" transition:persist