Fallbacks & Splitting Slow Paths
Design helpful fallbacks (spinners/skeletons) and split slow paths with React.lazy so only heavy parts wait.
Designing fallbacks
Goal: Show a tiny, helpful fallback (spinner/skeleton) while only the slow part waits. Keep the rest interactive.
Where to split
- Split heavy screens with React.lazy
- Wrap with Suspense near slow area
- Use small fallbacks (not full-page blockers)
All lessons in this course
- useTransition for Pending UI (Concurrent Basics)
- Suspense for Async Boundaries (Concepts)
- Fallbacks & Splitting Slow Paths