Error Handling in React (Complete Tutorial)

VSCode Theme | Font → Material Theme Darker | Menlo, Monaco "monospace"

In this video we're going to learn about error handling in React. We're going to learn about expected errors and unexpected errors and how to deal with each case. We're going to look at error boundaries and how to implement them either by creating them yourself or using a very popular library.

Let's do this 🤙

[KeganVanSickle]

SOOOO many different ways to skin a cat. Especially for async errors, depends if the error should be global or isolated to that specific component. Like an API call, in your example it looks and performs well isolated around that single component, but in other cases would be good as a global toast message or similar. Great video as always!

[brendant.]

Came here to learn how to handle errors in React to just end up focused on how handsome this dude is.

[ppdbm]

Good topic and video again, thanks! so many ways to approach error handling though, showing toast with specific error messages, showing a general 404 page, etc.

[Jacek]

Clear, concise, and useful. Thank you!

[anastaleb]

Great content.
Can you make a video about react architecture that we can use in large scale projects

[muhammad_faraz_ali]

Golden content as always❤
Question:
Is it not good to wrap our entire application with ErrorBoundary rather than placing multiple error boundaries on multiple places ?

e.g
<ErrorBoundary >
<App/>
</ErrorBoundary/>

[siddhartharajputsingh]

You know what I am working on global error handling
Thanks.
Now continue watching video😅

[KeganVanSickle]

Using Typescript, I continue to get "Element ErrorBoundary doesn't have required attribute fallback". However, the documentation and even your example shows that you should be able to have the choice between "FallbackComponent", "fallbackRender", or simply "fallback" props.

[rajnimaster]

Please make a video on how to write tests (unit and integrations) for different components in react and nextjs.

[localhostChetan]

Why are we even using a third party library for error boundaries, you're already using Next js app router which I thought comes with these kinds of prebuilt components.

Does anyone know about this in detail?

[neliodiassantos]

Can I show more examples using error boundary in more complex cenario? Like in a table? Can I involve the Cell to get a error in the cell and not breake all table?

[marouaniAymen]

I once did have a severe error that bubbled from a library in my React based project, I wrapped the component where I call the library with an error boundary but the error still make my page blank, I really did not understand where the problème came from and why the error boundary didn't stop the critical failure from happening.

[mrwebtricks]

Can you record video about castium npm???

[elpeeda]

what if we had to say toast for error? what would be the approach here?

[Soumyadip]

Can you please make a video on react router v7 library not the framework

[btigenie]

Is there some kind of client side library or package that can handle email validation or numerical input, etc. so you don't have to submit a page for a simple email format error?

[GodxMeetYT]

Can you please provide source code of this video?

[AbdullahM-lcle]

Need video on react thunk and react saga