React Deep Dive: cache
Feb 07, 2024•1 hr 7 min•Ep. 178
Listen to this episode in Metacast mobile app
Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more
Episode description
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:
For the best experience, listen in Metacast app for iOS or Android