0Pricing
Angular Academy · Lesson

What Is Hydration

Understand how hydration reuses server HTML.

Defining Hydration

Hydration is the process where the client-side Angular app reuses the server-rendered HTML, attaching event listeners and state to the existing DOM instead of throwing it away and rendering again.

Life Without Hydration

Legacy SSR used destructive hydration: the client wiped the server DOM and re-rendered from scratch. This caused a visible flicker and discarded the server's work.

All lessons in this course

  1. What Is Hydration
  2. Enabling Full Hydration
  3. Incremental Hydration with @defer
  4. Measuring Core Web Vitals
← Back to Angular Academy