Lesson 2.2

useMemo and useCallback in practice

These hooks preserve identity between renders. Their value is in what depends on that identity, not in the caching itself.

13mAdvanced5,887 students
Video thumbnail for useMemo and useCallback in practice

Sign in to watch this lesson

Browsing is free. Create an account to play videos and track your progress.

Overview

These hooks preserve identity between renders. Their value is in what depends on that identity, not in the caching itself.

What this lesson covers

  • Memoise values that feed memoised children or effects
  • Get the dependency array right, every time
  • Skip memoisation when the computation is trivial

This lesson sits in Rendering Optimization, 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:

  • Memoise values that feed memoised children or effects
  • Get the dependency array right, every time
  • Skip memoisation when the computation is trivial

Pro Tip

If nothing downstream depends on the identity of a value, memoising it buys you nothing.