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
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 |
Comments
0 commentsSimilar courses
Build a Slack Chat App with React, Redux, and Firebase
Sources: udemy
Throughout this course, we'll be building a live chat app for developers called DevChat, where users will be able to create channels, to send messages to other users on those ch...
5 hours 55 minutes 18 seconds
React Router v4
Sources: ui.dev (ex. Tyler McGinnis)
For good reason, React Router is the most popular 3rd party library in the React ecosystem. If you're using React, odds are you're also using React Router. React Router v4 intro...
6 hours 44 minutes 1 second
Instagram Clone Coding 3.0
Sources: Nomad Coders
nstagram: backend + frontend + application + server. NodeJS, Prisma, GraphQL, Hooks, React Native. You implement almost all Instagram features, including taking
20 hours 48 minutes 39 seconds
React Summit Remote Edition 2021
Sources: reactsummit.com
Attend a three-day React conference gathering thousands of international Front-end and Full-stack engineers in the cloud.
16 hours 1 minute 10 seconds
MERN Stack Front To Back: Full Stack React, Redux & Node.js.
Sources: udemy, Brad Traversy
Welcome to "MERN Stack Front To Back". In this course we will build an in depth full stack social network application using Node.js, Express, React, Redux and MongoDB along with...
11 hours 52 minutes 29 seconds
Want to join the conversation?
Sign in to comment