React Data Fetching: Beyond the Basics
2h 40m 15s
English
Paid
This course will teach you how to effectively load data in React without using third-party libraries or the useEffect hook. We will create our own data loading library from scratch that will handle preloading, caching, and address all common data-related challenges.
Read more about the course
What you will learn:
- How React re-renders when loading data
- Issues with using the useEffect hook for data loading
- Advantages and disadvantages of using libraries and frameworks for data loading
- How to start loading data before your React component is loaded
- How to create a data cache to prevent reloading
- How to identify and resolve issues with Network Waterfalls and Race Conditions
- When and why to use the useSyncExternalStore hook
- How to implement the stale-while-revalidate caching method
- How to perform data loading for React Server Components
Watch Online React Data Fetching: Beyond the Basics
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | Course Introduction | 02:57 |
2 | What’s Wrong With useEffect | 05:53 |
3 | Using Libraries or Frameworks for Data Fetching | 05:46 |
4 | Optimizing Your Dev Environment for this Course | 04:31 |
5 | Fetch Data Before you Component Loads | 12:23 |
6 | Creating an Efficient Data Cache | 05:39 |
7 | Fetching Data on an Event | 06:43 |
8 | Loading and Error Handling | 13:10 |
9 | Module 2 Recap | 01:42 |
10 | Simple Refetching | 09:33 |
11 | Fixing Race Conditions | 20:11 |
12 | Fixing Network Waterfalls | 19:06 |
13 | Module 3 Recap | 02:25 |
14 | The useSyncExternalStore Hook | 09:45 |
15 | Prefetching Based on Page Route | 07:27 |
16 | Saving Data Sources | 09:12 |
17 | Stale While Revalidate | 12:47 |
18 | Module 4 Recap | 03:11 |
19 | Fetching on the Server | 06:07 |
20 | Final Words | 01:47 |
Similar courses to React Data Fetching: Beyond the Basics

MERN Invoice Web App with Docker,NGINX and ReduxToolkitudemy
Category: React.js
Duration 24 hours 38 minutes 4 seconds
Course

MERN STACK 2022 - Build Ultimate CMS (WordPress Clone)udemy
Category: React.js, Node.js, MongoDB
Duration 34 hours 4 minutes 17 seconds
Course

React and Typescript: Build a Portfolio ProjectudemyStephen Grider
Category: TypeScript, React.js
Duration 29 hours 21 minutes 48 seconds
Course

Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)udemy
Category: React.js, Next.js
Duration 13 hours 5 minutes 9 seconds
Course

Understanding React | Don’t Imitate UnderstandAnthony Alicea
Category: React.js
Duration 17 hours 3 minutes 45 seconds
Course
![React & TypeScript Chrome Extension Development [2021]](https://cdn.courseflix.net/courses/100x56/react-typescript-chrome-extension-development-2021.jpg?d=1747004488211)
React & TypeScript Chrome Extension Development [2021]udemy
Category: TypeScript, React.js, Others
Duration 8 hours 52 minutes 35 seconds
Course

The interactive way to master modern React - react.gg (FULL COURSE)ui.dev (ex. Tyler McGinnis)
Category: React.js
Duration 7 hours 53 minutes 34 seconds
Course

Microservices with Node JS and ReactudemyStephen Grider
Category: React.js, Node.js
Duration 54 hours 13 minutes 19 seconds
Course

Node with React: Fullstack Web DevelopmentudemyStephen Grider
Category: React.js, Node.js, MongoDB
Duration 25 hours 36 minutes 19 seconds
Course

The Complete Guide to Advanced React Patterns (2020)udemy
Category: React.js
Duration 6 hours 1 minute 51 seconds
Course