13 Experimenting with useTransition, useDeferredValue, and SuspenseList

This chapter covers

  • Delaying UI updates with the useTransition hook
  • Flagging inconsistent state and UI with the isPending Boolean
  • Using old and new values simultaneously with the useDeferredValue hook
  • Managing multiple fallbacks with the SuspenseList component
  • Understanding the promise of Concurrent Mode

Concurrent Mode lets React work on multiple versions of our UI at once, showing older versions that are still fully interactive until newer versions are ready. This can mean that, for brief periods, the latest state doesn’t match the current UI in the browser and React gives us some hooks and components to manage the feedback we give to our users. The aim is to improve ...

Get React Hooks in Action now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial