Partial hydration with React and
Capri
This page is static, but contains some dynamic parts.
Here is a simple counter:
-
0
+
And here is another one, independent from the one above:
-
100
+
This is static content inside an island. We call this a lagoon.
Click to expand
This a second lagoon. Below you see the children that were passed to the Expandable island:
This island receives children as prop. They are only rendered upon build time.
The code for
ServerContent
won't show up in the client bundle.
Resize your browser below 500px to hydrate this island.
Link to another page