How To Hydrate A Server-Side Rendered Web Component

An in-depth guide to lazy loading Web Components

Photo by Linus Mimietz on Unsplash

In part 1 of this series I explain you how to server-side render a Web Component.

Hydration

Declarative Shadow DOM enables us to attach a Shadow root to a Custom Element and fully render it without any JavaScript. This is a huge step for web components since they can now…