Island hydration pattern in val.town !

Island are isolated components in a static pages. They are rendered on the server and hydrated on the client.

1. Add the hydration script to your head.

 <script src="https://esm.town/v/pomdtr/hydrate_islands" type="module" defer></script>

2. Wrap the component you want to hydrate in an island

Create val
<Island src="https://esm.town/v/pomdtr/counter">
  <Counter initialCount={3} />
</Island>

See @pomdtr/counter_island to learn how to create islands