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 ReduxToolkit

MERN Invoice Web App with Docker,NGINX and ReduxToolkitudemy

Category: React.js
Duration 24 hours 38 minutes 4 seconds
MERN STACK 2022 - Build Ultimate CMS (WordPress Clone)

MERN STACK 2022 - Build Ultimate CMS (WordPress Clone)udemy

Category: React.js, Node.js, MongoDB
Duration 34 hours 4 minutes 17 seconds
React and Typescript: Build a Portfolio Project

React and Typescript: Build a Portfolio ProjectudemyStephen Grider

Category: TypeScript, React.js
Duration 29 hours 21 minutes 48 seconds
Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)

Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)udemy

Category: React.js, Next.js
Duration 13 hours 5 minutes 9 seconds
Understanding React | Don’t Imitate Understand

Understanding React | Don’t Imitate UnderstandAnthony Alicea

Category: React.js
Duration 17 hours 3 minutes 45 seconds
React & TypeScript Chrome Extension Development [2021]

React & TypeScript Chrome Extension Development [2021]udemy

Category: TypeScript, React.js, Others
Duration 8 hours 52 minutes 35 seconds
Microservices with Node JS and React

Microservices with Node JS and ReactudemyStephen Grider

Category: React.js, Node.js
Duration 54 hours 13 minutes 19 seconds
Node with React: Fullstack Web Development

Node with React: Fullstack Web DevelopmentudemyStephen Grider

Category: React.js, Node.js, MongoDB
Duration 25 hours 36 minutes 19 seconds
The Complete Guide to Advanced React Patterns (2020)

The Complete Guide to Advanced React Patterns (2020)udemy

Category: React.js
Duration 6 hours 1 minute 51 seconds