Page rendered on 11/20/2020 at 1:17:35 AM

The current date is 11/20/2020 at 1:17:35 AM

Microsite is an opinionated static site generator tailored for performance.

This is a demo of Microsite's automatic partial hydration, which intelligently code-splits and rehydrates the minimum amount of clientside code. Check the console to see components hydrate in real-time or disable JS to see the SSR output.

Demo source

0

Hydrated as soon as possible (on idle)

0

Hydrated on user interaction

0

Hydrated when visible

But wait! What about *global* state?

Microsite renders each component in a separate tree, but microsite/global allows components to share state between trees.

0

I'm rendererd by alpha

0

I'm rendererd by omega

10

Hydrated on user interaction (with props)

10

Hydrated when visible (with props)