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 Stack From Scratch

MERN Stack From ScratchBrad Traversy

Category: React.js, Node.js, MongoDB
Duration 13 hours 32 minutes 38 seconds
MERN Stack - React Node from Scratch Building Social Network

MERN Stack - React Node from Scratch Building Social Networkudemy

Category: React.js, Node.js, MongoDB
Duration 20 hours 49 minutes 20 seconds
Advanced Animating React with Framer Motion

Advanced Animating React with Framer Motionleveluptutorials

Category: React.js
Duration 2 hours 57 minutes 30 seconds
Build a Youtube Clone

Build a Youtube CloneCode With Antonio

Category: React.js, Next.js
Duration 23 hours 42 minutes 10 seconds
React Query

React Queryui.dev (ex. Tyler McGinnis)

Category: React.js
Duration 7 hours 1 minute 30 seconds
React and Laravel: Breaking a Monolith to Microservices

React and Laravel: Breaking a Monolith to Microservicesudemy

Category: React.js, Docker, Laravel, Redis
Duration 15 hours 7 minutes 45 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
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
Python/Django + React QR Digital Menu Builder

Python/Django + React QR Digital Menu BuilderPythonYoga

Category: React.js, Python
Duration 10 hours 49 minutes 22 seconds