Ultimate Guide to Performant Custom Data Fetching in React
In this course we learn how to fetch data 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.
- 5.0 / 5 (1 rating)
- Published
- Updated
2 hrs 40 mins
20 Videos
Richard Oliver Bray
Full stack web developer with over 10 years of experience. Working with React for 5 years. I have a passion for teaching others how to code.
01Remote
You can take the course from anywhere in the world, as long as you have a computer and an internet connection.
02Self-Paced
Learn at your own pace, whenever it's convenient for you. With no rigid schedule to worry about, you can take the course on your own terms.
03Community
Join a vibrant community of other students who are also learning with Ultimate Guide to Performant Custom Data Fetching in React. Ask questions, get feedback and collaborate with others to take your skills to the next level.
04Structured
Learn in a cohesive fashion that's easy to follow. With a clear progression from basic principles to advanced techniques, you'll grow stronger and more skilled with each module.
How React renders in relation to data fetching
How to Create an Efficient Caching System
How to Fix Race Conditions & Network Waterfalls
The Benefits and Disadvantages of Data Fetching Libraries
How to Implement Stale-While-Revalidate
How to Fetch Data based on a URL and an Event
In this course we'll learn how to fetch data performantly and efficiently in React. We will do this from scratch and end up with code that will be able to prefetch, cleverly cache data, and address common issues with fetching data like race conditions and network waterfalls.
We will test all these features in a few small applications, and although the course focuses on client-side rendering it will also go through how these techniques can be applied to React Server Components.
Our students work at
Course Syllabus and Content
Intro & Getting Started
4 Lessons 19 Minutes
- Free00:02:56
- Free00:05:52
- Free00:05:45
- Free00:04:30
Prefetching & Caching
5 Lessons 39 Minutes
- Free00:12:22
- Sneak Peek00:05:38
- Sneak Peek00:06:42
- Sneak Peek00:13:09
- Sneak Peek00:01:41
Race Conditions & Network Waterfalls
4 Lessons 51 Minutes
- Sneak Peek00:09:32
- Sneak Peek00:20:10
- Sneak Peek00:19:05
- Sneak Peek00:02:24
Refactoring and SWR
5 Lessons 42 Minutes
- Sneak Peek00:09:44
- Sneak Peek00:07:26
- Sneak Peek00:09:11
- Sneak Peek00:12:46
- Sneak Peek00:03:10
Wrapping Up
2 Lessons 7 Minutes
- Sneak Peek00:06:06
- Sneak Peek00:01:46
Meet the Course Instructor
Frequently Asked Questions
What is Ultimate Guide to Performant Custom Data Fetching in React?
It's a course that will show you how to fetch data efficiently in React without a third party library or the use effect hook.
Who is this course for?
This course was produced for mid to senior developers. Library authors, and those want to fetch data in a performant way.
What if I don't like the course?
We offer a 30-day money-back guarantee, so if you're not satisfied with the course, you can request a refund within 30 days of purchase by sending us a message.
What is included in the course?
This course include 20 videos, totaling 2 hours and 40 minutes. You’ll have access to every lesson video, textual lesson content, downloadable project code files, interactive IDE, and AI Tutor.
What are there prerequisites for this course?
This course assumes you know the basics of React, JavaScript and Front-end web development.
How long will it take to complete the course?
The course offers flexibility, allowing you to learn at your own pace. Start, stop, re-watch anytime. It’s expected that you’d spend approximately 4 hours going through the entire course materials.
Can I access the course on my mobile device?.
Yes, the course is fully responsive and can be accessed on your mobile device.
Is there a certificate upon completion of the course?
Yes, you can get a certificate by sending us a message.
Can I ask questions during the course?
Yes, you can ask questions in the comments section of each lesson, and our team will respond as quickly as possible. You can also ask us questions anytime through the community driven Discord channel.
Can I download the course videos?
No, the course videos cannot be downloaded, but they can be accessed online at any time.
What is the price of the course?
The course is currently priced at [$X USD]. Alternatively, you can access the complete course as part of the "newline Pro subscription", which costs $20/month.
How is this course different then other content available on data fetching?
This course is unlike any other course on data fetching because doesn't show you how to use an existing library but create your own from scratch. This helps with addressing your specific application needs and can also be adapted to other JavaScript frameworks.