Islands with four frameworks

This page is plain HTML rendered by Jeasx. It holds islands built with Preact, React, Vue and Svelte, and each framework renders its components on the server. A small loader script then decides, for each island, when to download the framework's bundle and hydrate it. Each island picks a strategy with its hydrate prop:

Watch the badges, and open the network tab to see each bundle arrive.

Hamburg · 12 March 2027

JSX Conf

preacthydrate: loadserver HTML

117days
07hours
42minutes
54seconds

The countdown is above the fold and must tick at once, so it hydrates on load. Preact keeps that first bundle tiny.

Schedule

reactno JavaScriptstatic HTML

Keynote: HTML first, JavaScript laterAda Park
Streaming JSX from the edgeLeo Brandt
One page, four frameworksMina Osei
Hydration without the headacheTom Reyes
Panel: Do we still need SPAs?All speakers

Written as a React component, but nothing on it is interactive. With hydrate="none", React renders it on the server only and its code stays out of the browser.

Tickets

vuehydrate: interactionserver HTML

Student49 €0
Regular199 €0
Regular + workshop349 €0

Total 0 €

Most visitors only look at the prices, so Vue loads on the first pointer or focus.

Last year

sveltehydrate: idleserver HTML

4.4 / 5 from 147 ratings

Rate last year's conference.

Nice to have, not urgent: Svelte loads once the browser has nothing else to do.

Venue

The conference takes place in a former harbour warehouse with two stages, a quiet room and plenty of coffee. Doors open at 8:00. The venue is step-free and a short walk from the nearest train station.

Scroll on to the panel questions: they only load React once you get there.

Ask the panel

reacthydrate: visibleserver HTML

  1. When is hydrating the whole page still the better choice?
  2. How do islands share state with each other?
  3. Does this work with view transitions?
140

Far down the page, so React loads when the island scrolls into view. Visitors who never get here never download it.