1. 9
    De-prioritize NonUser-Blocking Updates with React useTransition's startTransition Function
    2m 2s

De-prioritize NonUser-Blocking Updates with React useTransition's startTransition Function

InstructorMichael Chan

Share this video with your friends

Send Tweet

In blocking rendering, all updates have the same priority.

In Concurrent Mode, work is "interruptible". And user-blocking updates are treated with highest importance.

To keep interfaces interactive and snappy, we can de-prioritize slower updates.

The useTransition Hook — and its startTransition function — allows React to schedule work after higher priority work.

~ a year ago

const [isPending, startTransition] = useTransition() is actual for May 2023. Everything else is working great.