Welcome to
00-To be removed - Ultimate Guide to Performant Custom Data Fetching in React
Course Syllabus and Content
Learn how to create a small, efficient data fetching library that will prefetch, cache your data as well as handle error and loading states, and even implement a caching technique called stale-while-revalidate.
Intro & Getting Started
4 Lessons 19 Minutes
Understand the problems with using the useEffect hook for data fetching, the pros and cons of using libraries and frameworks for data fetching.
- Sneak Peek00:02:56
- Sneak Peek00:05:52
- Sneak Peek00:05:45
- Sneak Peek00:04:30
Prefetching & Caching
5 Lessons 39 Minutes
Learn the benefits of prefetching data, how to create an efficient cache data to prevent refetching and also how to handle data fetching on an event.
- Sneak Peek00:12:22
- Sneak Peek00:05:38
- Sneak Peek00:06:42
- Sneak Peek00:13:09
- Sneak Peek00:01:41
Race Conditions & Network Waterfalls
4 Lessons 51 Minutes
Learn how to identify and fix two big issues with data fetching in React, Race Conditions and Network Waterfalls.
- Sneak Peek00:09:32
- Sneak Peek00:20:10
- Sneak Peek00:19:05
- Sneak Peek00:02:24
Refactoring and SWR
5 Lessons 42 Minutes
Learn how the useSyncExternalStore hook can be used to improve the performance of our data fetching library. We'll also implement the stale-while-revalidate caching method.
- Sneak Peek00:09:44
- Sneak Peek00:07:26
- Sneak Peek00:09:11
- Sneak Peek00:12:46
- Sneak Peek00:03:10
Wrapping Up
2 Lessons 7 Minutes
Learn about how our data fetching library can be used in a server-side environment particularly with React Server Components.
- Sneak Peek00:06:06
- Sneak Peek00:01:46