hardFrontend

How does streaming SSR with selective hydration work?

Q: How does streaming SSR with selective hydration work?

`renderToPipeableStream` **streams HTML in chunks** as it's produced, so the browser can paint content before the whole page is ready. Anything wrapped in ` ` can stream its fallback first and its real content later when the data resolves. shell streams first; Suspense chunks + their JS arrive + hydrate later shell (instant) <rect x="30" y="62" width="180" height="22" rx="5" fill="#f59e0b" fill-opacity="0.2" stroke="#f59

894 views

Understand the problem

renderToPipeableStream, Suspense streaming, and prioritized hydration.

reactssrsuspense

Attempt it yourself

Sketch your approach before reading the solution — that's what interviews test.

Stuck? AI Nudge Available

Get a conceptual hint to guide your logic without spoiling the final implementation.

Study the solution

The solution is waiting

Give it an honest attempt first — then compare your thinking with the full walkthrough.

Join the discussion

Discussion (0)

No responses yet. Be the first to share what you think.

Why does React 18 StrictMode double-invoke your components and effects?

What are Portals in React and when would you use them?