Suspense for Async Boundaries (Concepts)
Use Suspense to show a fallback while parts of the UI are not ready. Create boundaries and keep the rest of the page interactive.
What is Suspense?
Goal: Use Suspense to wrap parts of the UI that load asynchronously. While waiting, render a fallback (spinner, skeleton).
Boundaries & fallbacks
- Boundary: the smallest area you want to delay
- Fallback: what to show while loading
- Keep the rest of the screen usable
All lessons in this course
- useTransition for Pending UI (Concurrent Basics)
- Suspense for Async Boundaries (Concepts)
- Fallbacks & Splitting Slow Paths