English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 20 Lessons (2h 40m) | 602 MB
This course will teach you how to fetch in a performant way for React without relying on a third-party library or the useEffect hook. We will build a custom data fetching library from scratch that will prefetch, cache, and address all the common issues with fetching data.
Implement prefetching, caching and stale-while-revalidate with the useSyncExternalStore hook
What You Will Learn
- How React re-renders when data is fetched
- What the problems are with using useEffect to fetch data
- The pros and cons of using libraries and frameworks for data fetching
- How to start fetching data before your React component loads
- How to create a data cache to prevent data being refetched
- How to identify and fix Network Waterfalls and Race Conditions
- When and why to use the useSyncExternalStore hook
- How tin implement the stale-while-revalidate caching method
- How data fetching for React Server Components can be achieved
Table of Contents
1 Course Introduction
2 What’s Wrong With useEffect
3 Using Libraries or Frameworks for Data Fetching
4 Optimizing Your Dev Environment for this Course
5 Fetch Data Before you Component Loads
6 Creating an Efficient Data Cache
7 Fetching Data on an Event
8 Loading and Error Handling
9 Module 2 Recap
10 Simple Refetching
11 Fixing Race Conditions
12 Fixing Network Waterfalls
13 Module 3 Recap
14 The useSyncExternalStore Hook
15 Prefetching Based on Page Route
16 Saving Data Sources
17 Stale While Revalidate
18 Module 4 Recap
19 Fetching on the Server
20 Final Words
Resolve the captcha to access the links!