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

Doctor Appointment Booking App with React ,Firebase , ANT D

Doctor Appointment Booking App with React ,Firebase , ANT Dudemy

Category: React.js
Duration 5 hours 45 minutes 20 seconds
Uber Eats Clone

Uber Eats Clone Nomad Coders

Category: TypeScript, React.js
Duration 40 hours 22 minutes 44 seconds
Project React. Build a complex React project as a total beginner

Project React. Build a complex React project as a total beginnerCosden Solutions

Category: React.js
Duration 16 hours 31 minutes 5 seconds
React Summit Remote Edition 2021

React Summit Remote Edition 2021reactsummit.com

Category: React.js, Conferences
Duration 16 hours 1 minute 10 seconds
The Road to Next

The Road to NextRobin Wieruch

Category: React.js, Next.js
Duration 30 hours 40 minutes 42 seconds
Testing React with Jest and Testing Library

Testing React with Jest and Testing Libraryudemy

Category: React.js
Duration 7 hours 41 minutes 32 seconds
Go Full Stack with Spring Boot and React

Go Full Stack with Spring Boot and Reactudemy

Category: React.js, Spring Boot, Spring Security
Duration 11 hours 43 minutes 36 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
Starting with React & Redux: Build modern apps (2nd edition)

Starting with React & Redux: Build modern apps (2nd edition)udemy

Category: React.js, Redux
Duration 30 hours 13 minutes 51 seconds
React Query - Essentials (v2)

React Query - Essentials (v2)Tanner Linsley

Category: React.js
Duration 2 hours 54 minutes 5 seconds