PLAY PODCASTS
React Deep Dive: cache
Episode 178

React Deep Dive: cache

Ryan and Sam discuss the purpose and usage of the cache() function, a new experimental API from React.

Frontend First

February 7, 20241h 7m

Audio is streamed directly from the publisher (cdn.simplecast.com) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.

Show Notes

Ryan and Sam discuss the purpose and usage of the cache() function, a new experimental API from React.

Topics include:

  • 0:00 - Intro
  • 2:29 - Caching in Next.js vs. React cache()
  • 8:11 - Why React invalidates the cache for each server request
  • 14:43 - How cache() enables colocation of data-fetching code
  • 16:14 - Using cache() to share CPU-heavy or I/O-bound tasks between components
  • 19:31 - Why cache() obviates the need for context in Server Components
  • 23:19 - The danger of module scope on the server
  • 27:54 - Why cache() is implemented with AsyncLocalStorage
  • 41:04 - Why cache() is part of React
  • 48:27 - Why Server Components don’t support cache()
  • 53:04 - How cache() eliminates waterfalls

Links: