Skip to main content

React Data Fetching: Beyond the Basics

2h 40m 15s
English
Paid

Course description

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 20 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Course Introduction

All Course Lessons (20)

#Lesson TitleDurationAccess
1
Course Introduction Demo
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

Unlock unlimited learning

Get instant access to all 19 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Build a Notion Clone with React and TypeScript

Build a Notion Clone with React and TypeScript

Sources: zerotomastery.io
Master React and TypeScript by building a Notion clone. Learn to use Vite for project setup and Supabase for database management. Showcase your skills with a
7 hours 57 minutes 47 seconds
Scale React Development with Nx

Scale React Development with Nx

Sources: egghead
On the surface, starting a project sounds easy. First you make some directories, install some dependencies, then you write some code. But there's a bit more to
1 hour 34 minutes 10 seconds
The Creative React and Redux Course

The Creative React and Redux Course

Sources: developedbyed.com
This course will teach you everything you need to know about React. Get started now with 0 experience in React, we will take it step by step from the beginning, understanding ba...
18 hours 13 minutes 6 seconds
React Front To Back 2022

React Front To Back 2022

Sources: udemy, Brad Traversy
This course is for anyone that wants to learn React and also for React developers looking to build some projects and sharpen their skills. The first project (Feedback App) is st...
19 hours 57 minutes 45 seconds
The complete React Fullstack course ( 2021 edition )

The complete React Fullstack course ( 2021 edition )

Sources: udemy
Do you want to learn the whole process of building your App ?. This is the course for you. We will start from the very beginning, from "I don't even know how use it..and why wo...
76 hours 58 minutes 6 seconds