Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Write Clean Code with React Suspense - React Error Boundaries Explained

Dave Gray via YouTube

Start learning Write review
Train in Data Ad

Master Production-Ready Machine Learning, Step by Step

Learn More → CodeSignal Ad

2,000+ Free Courses with Certificates: Coding, AI, SQL, and More

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This tutorial refactors a React application to use Suspense with SWR data fetching and error boundaries. It demonstrates fallback loading and error components and discusses limitations of error boundaries with asynchronous code.

Syllabus

Intro
Welcome
Starter Code & Start up
SWR Data Fetching
Enable Suspense in SWR
Conditional logic to replace
Adding React Suspense
PostsList component clean up
Why We Need Error Boundaries
Install react-error-boundary
Adding an Error Boundary
A Better Error Boundary
Reviewing the Refactor
Closing Notes

Taught by

Dave Gray

Reviews

Start your review of Write Clean Code with React Suspense - React Error Boundaries Explained

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.