Welcome to
React Data Fetching: Beyond the Basics
Implement prefetching, caching and stale-while-revalidate with the useSyncExternalStore hook
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.
Introduction to React Data Fetching Course
Going through the problems with useEffect
Going through the problems with other libraries
Setting up the project
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.
We will learn how to fetch data before the component loads
Here we'll learn how to create an efficient data cache
We will learn how to fetch data on an event
We'll learn how to handle loading and error states in our application
Here we're going to recap what we've learned in Module 2
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.
Here we'll take a look at how to refetch data in a simple way
Here we'll learn how to fix race conditions
Here we'll learn how to fix network waterfalls
Here we'll recap what we've learned in Module 3
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.
Here we'll learn how to use the useSyncExternalStore hook
Here we'll learn how to prefetch data based on the route
This lesson, focus on saving and reusing prefetched data sources efficiently using context and a custom data-loading function.
Here we'll learn how to prefetch data based on the route
Here we'll learn how to prefetch data based on the route
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.
Here we'll learn how to prefetch data based on the route
Here we'll learn how to prefetch data based on the route