useTransition for Pending UI (Concurrent Basics)
Keep input responsive by deferring heavy renders with useTransition and show a pending UI while results catch up.
Concurrent basics
Goal: Keep typing instant while heavy UI updates happen later.
- Mark non-urgent work as a transition
- Show isPending feedback
- Don’t block the main thread with heavy renders
When it helps
Use useTransition when:
- Filtering a long list
- Switching routes/tabs with heavy UI
- Expensive derived views after input
All lessons in this course
- useTransition for Pending UI (Concurrent Basics)
- Suspense for Async Boundaries (Concepts)
- Fallbacks & Splitting Slow Paths