Lesson 3.111mAdvanced5.1k students

Marking updates with useTransition

A transition marks an update as interruptible, so typing stays smooth while an expensive list re-filters behind it.

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

Resources