Deferring expensive values

A deferred value lags behind the real one on purpose, letting the urgent render finish first with the previous result.

Lesson 3.27m 52sAdvanced4.7k students

Chapters

7:52
  1. 0:00Introduction
  2. 0:40Why you need useDeferredValue
  3. 1:59How useDeferredValue works
  4. 2:45How to implement useDeferredValue

What this lesson covers

  • Defer a value that drives expensive rendering
  • Choose between deferring a value and wrapping an update
  • Communicate staleness to the user while it catches up

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

  • Defer a value that drives expensive rendering
  • Choose between deferring a value and wrapping an update
  • Communicate staleness to the user while it catches up

Resources