React Deep Dive: cache
Frontend First
English - February 07, 2024 15:30 - 1 hour - 61.8 MB - ★★★★★ - 18 ratingsTechnology technology web javascript ember ember.js software development design Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
Previous Episode: Advanced Radix UI | Blog Post Club: React Server
Next Episode: React Deep Dive: useOptimistic
Ryan and Sam discuss the purpose and usage of the cache() function, a new experimental API from React.
Topics include:
0:00 - Intro2:29 - Caching in Next.js vs. React cache()8:11 - Why React invalidates the cache for each server request14:43 - How cache() enables colocation of data-fetching code16:14 - Using cache() to share CPU-heavy or I/O-bound tasks between components19:31 - Why cache() obviates the need for context in Server Components23:19 - The danger of module scope on the server27:54 - Why cache() is implemented with AsyncLocalStorage41:04 - Why cache() is part of React48:27 - Why Server Components don’t support cache()53:04 - How cache() eliminates waterfallsLinks:
Ryan’s YouTube video on React Cache