CF

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.

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

About the Author: Fullstack.io

Fullstack.io thumbnail

Fullstack.io is the technical book and course publisher founded by Nate Murray, Ari Lerner, and team — known for the ng-book Angular series, the React Quickly books, and the fullstack React series that anchored a generation of working developers' first deep-dive into modern JavaScript framework material. Fullstack.io has since rebranded to Newline for its newer course catalog.

The book / course catalog covers the modern JavaScript framework landscape — Angular, React, Vue, GraphQL, Node.js — at the level of comprehensive reference works rather than introductory tutorials. The Fullstack.io style is unusually rigorous about the underlying APIs and edge cases that ship projects to production.

The CourseFlix listing under this source carries over 20 Fullstack.io / Newline courses spanning that range. Material is paid; the original platform sold both per-course access and membership tiers. Courses are aimed at developers ready to move past introductory tutorials into the depth of a chosen framework.

Watch Online 20 lessons

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

Related courses

  • The Joy of React thumbnailClassic

    The Joy of React

    By: Josh Comeau
    The all-new interactive learning experience that teaches you how to build rich, dynamic web apps with React. So, let s be real. Learning React is hard.
    25h 35m5/5
  • React and NodeJS: A Practical Guide with Typescript thumbnailUpdated 2y ago

    React and NodeJS: A Practical Guide with Typescript

    By: Udemy
    I'm a FullStack Developer with 10+ years of experience. I'm obsessed with clean code and I try my best that my courses have the cleanest code possible. My teach
    6h 54m5/5
  • React Simplified - Advanced thumbnailUpdated 1y ago

    React Simplified - Advanced

    By: Web Dev Simplified (Kyle Cook)
    Once you become a good React developer, it is time to start diving into advanced React concepts. This course will take you from a junior to a mid-level React d
    11h 34m5/5

Frequently asked questions

What is React Data Fetching: Beyond the Basics about?
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…
Who teaches this course?
It is taught by Fullstack.io. You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 20 lessons with a total runtime of 2 hours 40 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/react-data-fetching-beyond-the-basics. The page hosts every lesson with the integrated video player; no download is required.