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

Complete React Developer in 2025 (w/ Redux, Hooks, GraphQL)

Complete React Developer in 2025 (w/ Redux, Hooks, GraphQL)udemyzerotomastery.io

Category: React.js, Redux
Duration 39 hours 48 minutes
MobX In Depth With React(Hooks+TypeScript)

MobX In Depth With React(Hooks+TypeScript)udemy

Category: React.js, Other (Tools)
Duration 2 hours 25 minutes 54 seconds
TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLfullstack.io

Category: TypeScript, React.js, GraphQL
Duration 30 hours 50 minutes 42 seconds
Modern React with Redux [2023 Update]

Modern React with Redux [2023 Update]udemyStephen Grider

Category: React.js, Redux
Duration 37 hours 44 minutes 46 seconds
AWS AppSync & Amplify with React & GraphQL - Complete Guide

AWS AppSync & Amplify with React & GraphQL - Complete Guideudemy

Category: React.js, AWS, GraphQL
Duration 11 hours 11 minutes 36 seconds
React Redux Ecommerce - Master MERN Stack Web Development

React Redux Ecommerce - Master MERN Stack Web Developmentudemy

Category: React.js, Node.js, MongoDB
Duration 43 hours 9 minutes 35 seconds
React, NextJS and NestJS: A Rapid Guide - Advanced

React, NextJS and NestJS: A Rapid Guide - Advancedudemy

Category: React.js, Next.js, NestJS
Duration 8 hours 40 minutes 51 seconds
React Three Fiber: The Ultimate Guide to 3D Web Developmen

React Three Fiber: The Ultimate Guide to 3D Web DevelopmenWawa Sensei

Category: React.js, Three.js
Duration 9 hours 18 minutes 15 seconds
Web Performance Fundamentals

Web Performance FundamentalsNadia Makarevich

Category: React.js, Other (Frontend)
Duration
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