Lesson 3.1
Marking updates with useTransition
A transition marks an update as interruptible, so typing stays smooth while an expensive list re-filters behind it.
10mAdvanced5,120 students
Sign in to watch this lesson
Browsing is free. Create an account to play videos and track your progress.
Overview
A transition marks an update as interruptible, so typing stays smooth while an expensive list re-filters behind it.
What this lesson covers
- Separate an urgent update from a non-urgent one
- Show pending state without blocking input
- Recognise the interactions worth marking
This lesson sits in Concurrent React, part of React Performance Engineering. It assumes what came before it and leads directly into the next lesson in the module.
In this lesson you will:
- Separate an urgent update from a non-urgent one
- Show pending state without blocking input
- Recognise the interactions worth marking