Hydration
Hidratación
La hidratación conecta el comportamiento y el estado del navegador con HTML que un servidor o la compilación ya hicieron. Esto convierte partes elegidas de la página en controles interactivos.
Otro ejemplo
Un servidor envía tarjetas de producto con un control de carrito. Solo el área del carrito carga JavaScript y mantiene el DOM ya en la página. Hacer todo el HTML dentro del navegador es renderizado por el cliente, no hidratación.
Partes principales
- 01marcado renderizado por el servidor
- 02módulo del cliente
- 03adjunto de estado
Úsalo cuando
Use este término cuando el comportamiento del navegador esté ligado al HTML que ya se ha renderizado.
No lo uses cuando
No hidratar contenido estático que no tenga interacción con el navegador ni estado cambiante.
Nombre usado en código
rendered HTML + client module → interactive island Antes de lanzarlo
Check the runtime and version, integration limits, dependencies and licenses, and platform support. Verify security, failure, speed, monitoring, deploy, support owner, upgrade path, and rollback.
Outcome: Complete the task with Hidratación (Hydration). User context: Un servidor envía tarjetas de producto con un control de carrito. Solo el área del carrito carga JavaScript y mantiene el DOM ya en la página. Hacer todo el HTML dentro del navegador es renderizado por el cliente, no hidratación. Technology or engineering concept: Hidratación (Hydration). Why it fits: Use este término cuando el comportamiento del navegador esté ligado al HTML que ya se ha renderizado. Do not use it when: No hidratar contenido estático que no tenga interacción con el navegador ni estado cambiante. Engineering fit: Define where it runs and which version to use. Set its job, interfaces, data flow, dependencies, supported systems, security, and speed limits. Explain how it fits the current stack. Lifecycle safeguards: Check dependency health and licenses. Add monitoring and a fallback. Name the upgrade owner. Do not add a second tool for the same job without a measured benefit. Acceptance criteria: A small integration proves the needed behavior. Test compatibility, security, failure, and performance. Document deploy, upgrade, support, and rollback steps. Evidence and limits (evidence boundary): Ningún estándar oficial único controla todo el término. Su significado puede cambiar según equipos, plataformas o marcos. Unknowns to confirm: Current stack, runtime and version rules, target systems, dependency owner, performance budget, support period, and migration limits.
Revisa esta petición
Review how Hidratación (Hydration) is used now. Definition: La hidratación conecta el comportamiento y el estado del navegador con HTML que un servidor o la compilación ya hicieron. Esto convierte partes elegidas de la página en controles interactivos. Release checks: Check the runtime and version, integration limits, dependencies and licenses, and platform support. Verify security, failure, speed, monitoring, deploy, support owner, upgrade path, and rollback. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.