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
Uber Eats Clone Nomad Coders
Category: TypeScript, React.js
Duration 40 hours 22 minutes 44 seconds
Course
Bedrock: Jumpstart your next SaaS productMax Stoiber (@mxstbr)
Category: React.js, Others, Next.js, GraphQL, Assemblies, ready-made solutions for development
Duration
Course
Solidity & Ethereum in React (Next JS): The Complete Guideudemy
Category: React.js, Next.js, Decentralized Applications (dApps) / 'Web 3'
Duration 38 hours 47 minutes 24 seconds
Course
React Summit Remote Edition 2021reactsummit.com
Category: React.js, Conferences
Duration 16 hours 1 minute 10 seconds
Course
Fullstack ASP.NET Core and React Masterclass | Learnify fullstack.io
Category: React.js, C Sharp (C#)
Duration 20 hours 40 minutes 31 seconds
Course
The Creative React and Redux Coursedevelopedbyed.com
Category: React.js, Redux
Duration 18 hours 13 minutes 6 seconds
Course
Build fancy landing pages with React and ThreejsPaul Henschel (@0xca0a)
Category: React.js, Three.js
Duration 38 minutes 9 seconds
Course
Complete guide to building an app with .Net Core and Reactudemy
Category: React.js, C Sharp (C#)
Duration 32 hours 10 minutes 45 seconds
Course
Crash Course: Build a Full-Stack Web App in a Weekend!udemy
Category: JavaScript, React.js, HTML, CSS
Duration 12 hours 13 minutes 30 seconds
Course
Doctor Appointment Booking App with React ,Firebase , ANT Dudemy
Category: React.js
Duration 5 hours 45 minutes 20 seconds
Course