Domina las directivas de hidratación para decidir cuándo se activa cada componente interactivo.
Las client directives son una de las decisiones más importantes en Astro para equilibrar UX y rendimiento.
No todas las interacciones necesitan cargarse al inicio; escoger mal esta estrategia penaliza el sitio.
Con client:visible y client:idle puedes diferir trabajo sin sacrificar experiencia.
Esta lección te da criterio para elegir directiva según contexto real.
Elegir bien evita JS innecesario en el primer render.
La directiva es una decisión de producto, no solo de código.
Domina las directivas de hidratación para decidir cuándo se activa cada componente interactivo.
Código del tema: <ComponenteReact client:visible />
Elegir bien evita JS innecesario en el primer render.
Hidrata inmediatamente al cargar la página.
Hidrata cuando el navegador está libre.
Hidrata al entrar en viewport.
La directiva es una decisión de producto, no solo de código.