React Data Fetching: Beyond the Basics

Name: React Data Fetching: Beyond the Basics
Price: 9 USD
Availability: InStock

2h 40m 15s

English

Paid

December 6, 2024

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.

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