NextPlayground

useTransition

The useTransition hook lets you mark a state update as a transition — a non-urgent update that React can render in the background without blocking the UI. Below, the “Posts” tab is artificially slow to render. With transitions enabled, clicking it keeps the tab bar responsive and shows a pending indicator while React prepares the new tab; you can even change your mind mid-render and click another tab. Toggle transitions off to feel the UI freeze instead.

react.dev/reference/react/useTransition

Tabbed navigation

Welcome! This tab renders instantly. Now try the slow one.

useTransition Demo