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.

Module 1

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.

Module 2

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.

Module 3

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.

Module 4

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.

Module 5

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.