How does streaming server rendering with Suspense work?
Walk through what the browser receives, chunk by chunk, and what happens when a part is slow or fails.
function ProductPage() {
return (
<main>
<h1>Green tea</h1>
<AddToCart />
<Suspense fallback={<p>Loading reviews...</p>}>
<Reviews />
</Suspense>
</main>
);
}
The answer
Answer it out loud first, the way you would in the interview. Then compare.
Checking your sign-in…