Learn React Error Boundaries In 7 Minutes

Handling errors is something that most junior developers completely overlook, but it is one of the most important things you can do in any React application. In this video I will show you how to use ErrorBoundaries in React to handle and catch errors properly.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:36 - Project Demo
01:59 - Error Boundary Basics
05:27 - Error Boundary componentDidCatch

#ErrorBoundary #WDS #ReactJS

[nwaguchima]

This is lovely, thank you. Although if I am using functional components, I find it weird having to write a class components for error boundaries, and this doesn't catch async or handlers, I kinda think it is better to use the package react-error-boundaries since we can get to use the useErrorBoundary hook and still show our error.

[dave]

Just implemented error boundaries at my job. It was sorely lacking!

[AmbroseKTal]

I truly appreciate your lessons. There are several videos that duplicate your content, but the way you present these topics is far superior. Not just your demonstrations, but the way you speak, even the tone of your voice, really helps me to understand. It is a free-flowing delivery that is great to listen to, even as background noise at work.

[hari]

We just implemented this past week. Thanks kyle, I am bookmarking this for my team

[mahdiabolghasemi]

Error Boundary is asked frequently in interviews. Thanks so much!

[piyushaggarwal]

I had to use Error boundary two days back. I ended up using `react-error-boundary` which was suggested if we did not want to use class based components in Beta React docs

[mattb]

Just built a new feature and saw this vid, implemented straight away. Very insightful, great video :)

[Thassalocracy]

It's nice to have an error boundary in react. It would be PERFECT if react had implemented a functional ErrorBoundary component. Some react-based frameworks have already implemented their own functional error boundaries so it's really weird that react itself doesn't have one.

[guilhermeagostini]

Really good and straight forward content. Thanks!

[FrancescoOrsi]

This component is really really useful.. I will add in my projects ❤

[yazraf]

Amazing, spot on videos, its not just your programming skills that are amazing but your teaching skills are top notch 😉.

[petarkolev]

Simple and amazing explanation! Great video!

[abdurrahim-bikd]

love it brother. It really help me as a junior developer. Thanks a lot .

[shantanukulkarni]

Very nicely explained. Thanks for sharing

[iakivpekarskyi]

Thank you for sharing and explaining it so explicitly !

[princesiachin]

Briliant as always.
I've watched your videos since 2019, and it helps me a lot till right now.
Big appreciate, Thank you Kyle.

[legends_assemble]

A huge hearty thanks for the video... Have been following this channel for quite a while now and you have really made the entire web dev simplified...

If u don't mind, can u create a tutorial on rxjs and it's operators... I have been trying to use it but am unable to bring out entire potential of that tool. It really goes well with react too. Thks

[vigneshwarrv]

Do wrapping Error Boundary for an entire app is worth it ?? for an api call that fetches content for one component in app.
Also we need to keep in mind that components unmount by this approach which means we might loose other active states of that mounted components. I think individual Error Boundaries would give better Experience.

Great Content sir...

[alfaphoenix]

Is there going to be guitar tutorial? april 1st is coming up 😬

[cyril]

Most underrated topic and most important! 🎉