Página de Demostración
Experimenta con la persistencia de estado y las transiciones fluidas de Astro
💾
Demo de Persistencia de Estado
Esta página demuestra cómo el estado del contador se mantiene entre navegaciones gracias a las poderosas características de Astro.
💡
Cómo probar la persistencia:
- Cambia el valor del contador usando los botones
- Navega a la página "Islas" o cualquier otra sección
- Regresa a esta página y observa que el valor se mantiene
- Incluso funciona al recargar la página completamente
🔄
View Transitions
Transiciones fluidas entre páginas sin perder el estado de los componentes activos.
🗄️
LocalStorage
Persistencia a largo plazo del estado usando localStorage del navegador.
⚡
SolidJS Islands
Hidratación selectiva solo de los componentes que necesitan interactividad.
🔢 Contador con Estado Persistente
Interactúa con este contador y navega entre páginas para ver cómo se mantiene el estado.
Estado Global Sincronizado
Características técnicas:
Hidratación
client:only Persistencia con
transition:persist Sincronización cross-tab con localStorage
Beneficios:
✓ No se pierde información al navegar
✓ Funciona incluso al recargar
✓ Sincronizado entre pestañas
🧭 Continúa Explorando
Navega a otras páginas para comprobar que el estado del contador se mantiene entre transiciones.