Hydration
Hidratação
A hidratação conecta o comportamento e o estado do navegador ao HTML que um servidor ou build já criou. Isso transforma partes escolhidas da página em controles interativos.
Outro exemplo
Um servidor envia cartões de produto com um controle de carrinho. Apenas a área do carrinho carrega JavaScript e mantém o DOM já na página. Fazer todo o HTML dentro do navegador é renderização no cliente, não hidratação.
Partes principais
- 01marcação renderizada no servidor
- 02módulo do cliente
- 03anexo de estado
Use-o quando
Use este termo quando o comportamento do navegador está ligado ao HTML que já foi renderizado.
Não o use quando
Não hidrate conteúdo estático que não tem interação com o navegador ou estado alterável.
Nome usado no código
rendered HTML + client module → interactive island Antes de lançar
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 Hidratação (Hydration). User context: Um servidor envia cartões de produto com um controle de carrinho. Apenas a área do carrinho carrega JavaScript e mantém o DOM já na página. Fazer todo o HTML dentro do navegador é renderização no cliente, não hidratação. Technology or engineering concept: Hidratação (Hydration). Why it fits: Use este termo quando o comportamento do navegador está ligado ao HTML que já foi renderizado. Do not use it when: Não hidrate conteúdo estático que não tem interação com o navegador ou estado alterável. 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): Nenhum padrão oficial único controla todo o termo. Seu significado pode mudar entre equipes, plataformas ou frameworks. Unknowns to confirm: Current stack, runtime and version rules, target systems, dependency owner, performance budget, support period, and migration limits.
Conferir este pedido
Review how Hidratação (Hydration) is used now. Definition: A hidratação conecta o comportamento e o estado do navegador ao HTML que um servidor ou build já criou. Isso transforma partes escolhidas da página em controles interativos. 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.