Skip to main content
hydrated

hydrated

7.3
Made interactive in the browser by adding JavaScript to server pages
  • adjective
  • /haɪˈdreɪtɪd/
  • Specialized
translation icon : hidratado
  • After the JavaScript ran, the previously static page was fully hydrated and responded to clicks.

Examples

  • We deploy server-rendered routes so their HTML arrives already hydrated for faster perceived performance.

  • Developers check whether the component is hydrated before attaching event listeners in production.

  • The hydrated component improved user interaction.

  • Is this hydrated HTML ready for deployment?

  • After the JavaScript ran, the previously static page was fully hydrated and responded to clicks.

  • We deploy server-rendered routes so their HTML arrives already hydrated for faster perceived performance.

  • Developers check whether the component is hydrated before attaching event listeners in production.

Antonyms

45 3.8

Not moving or changing over time

Compounds

8.1

A white mineral made of aluminium and water that forms small crystals

hydrated lime
  • Specialized
6.1

A white powder used in building, farming, and cleaning water

hydrated oxide
  • Specialized
7.8

A substance made when an oxide combines with water

Surface Forms

hydrated positive

Morphology

hydrated = hydrate (semi-transparent) = hydrate + ed

The web-development sense is a specialized, metaphorical extension of 'hydrate' ('to supply with data/behaviour'), which may not be obvious to general learners.

Etymology

Hydrated comes from an old Greek root hydor meaning 'water', the same root in hydrant and dehydrated. A helpful way to remember the web meaning is to imagine adding water to something dry to make it alive, because when JavaScript runs on server-made HTML it 'hydrates' the page by adding the code that makes it interactive, so a hydrated page responds to clicks.