Suspense Boundaries and Streaming Priority
Place Suspense boundaries to control which HTML chunks stream first and when fallbacks become content.
Suspense as a Streaming Divider
Suspense boundaries are the fundamental unit of streaming granularity. Each Suspense boundary in your component tree creates an independently streamable section — React can resolve and stream each boundary at its own pace, independent of all others.
The Shell: Fast, Synchronous Content
The shell consists of everything outside of Suspense boundaries — the layout, navigation, footer, and any synchronously available content. The shell streams first and streams fast, giving users the page structure immediately while data-dependent sections load in the background.
All lessons in this course
- React 18 Streaming: How renderToPipeableStream Works
- Suspense Boundaries and Streaming Priority
- Progressive Hydration with Selective Hydration
- Measuring Streaming Impact: FCP, TTI, and LCP