I've been using the react error boundary but didn't know it could catch errors from async operations, also I didn't know of the limitation of the error boundary. Thanks for the video
I never knew how to actually use React Error Boundary until now. Also didn't know how much of an improvement it is over the native React error boundary. Thanks for the knowledge.
Hey. Nice video! However i have a feeling that if you would throw an error in catch after fetch items, the native react boundry would pick it up. This is the the step you also need to do using library (calling method from hook).
You can use a function component as a fallback in the native error boundary... I don't see the point in downloading an extra bloating package, am I missing something?
Hello there, I am beginner learner of react. please make separate tutorial on react-error-boundary, describing everything. I hope new tutorial on react-error-boundary will come soon.
Well, what I do - I have a global reduxToolkit state just for error and if anything sh1tty happens in try/catch + fetch, I will just return that error to the redux error component which displays the error message to the user as a modal. I will look at this though. I did not know about this library. Thank you!
There is a problem with example 2. You passed the error to the catch block and did nothing with it. How do you expect it to be caught by the ErrorBoundary?
Is the react-error-boundary library a good replacement for the built-in React ErrorBoundary component if: - you would like a fallback ui for asynchronous error as well as regular errors - if you don't like to use React class components Did i understand that correctly anything else i am missing?
So, because he points out a junior mistake, that means he cant also make a mistake? Junior devs cant recognize junior mistakes? If I may say so, that is junior dev type of thinking 🤌
redux or interceptor ma rakhyo bhane ta harek euta component ma gayera feri error ko lagi ui milairakhnu paryo tyo package use garyo bhane kunai component ma error aaye ni tesle handle gardincha so tyo sajilo bhayo
What you explain in what React tells you to use for 'ErrorBoundary' is fucking baffling. Thanks for helping me understand this, so I now need to wrap the child and not use the async that should be throwing it... Makes sense. Thank you.
I've been using the react error boundary but didn't know it could catch errors from async operations, also I didn't know of the limitation of the error boundary. Thanks for the video
I never knew how to actually use React Error Boundary until now. Also didn't know how much of an improvement it is over the native React error boundary. Thanks for the knowledge.
Are you sure the async code won't trigger the error boundary? It looked to me like the error was being swallowed by your try catch
That's exactly what happened
Using the native error boundaries you can render a fallback element:
``
This also works I think:
const useThrowAsyncError = () => {
const [state, setState] = useState();
return (error) => {
setState(() => throw error)
}
}
The standard error boundary can surely handle async errors and it can show fallbacks. You have mistakenly swallowed the error in the catch block.
Hey. Nice video! However i have a feeling that if you would throw an error in catch after fetch items, the native react boundry would pick it up. This is the the step you also need to do using library (calling method from hook).
You can use a function component as a fallback in the native error boundary... I don't see the point in downloading an extra bloating package, am I missing something?
Hello there, I am beginner learner of react. please make separate tutorial on react-error-boundary, describing everything. I hope new tutorial on react-error-boundary will come soon.
Well, what I do - I have a global reduxToolkit state just for error and if anything sh1tty happens in try/catch + fetch, I will just return that error to the redux error component which displays the error message to the user as a modal. I will look at this though. I did not know about this library. Thank you!
Thank you, CoderOne, for making this video. Because of you, I am able to understand the error handling in React completely.
There is a problem with example 2. You passed the error to the catch block and did nothing with it. How do you expect it to be caught by the ErrorBoundary?
Is the react-error-boundary library a good replacement for the built-in React ErrorBoundary component if:
- you would like a fallback ui for asynchronous error as well as regular errors
- if you don't like to use React class components
Did i understand that correctly anything else i am missing?
Yes, it can handle both types of errors, used as hooks instead of class components
thank bro!
I love this topic. An advanced concept
Awesome video, thanks so much
*caught
Thank you, it's helpful
Amazing video please keep doing videos like this
speaking about junior mistakes while using any types anywhere...
So, because he points out a junior mistake, that means he cant also make a mistake? Junior devs cant recognize junior mistakes? If I may say so, that is junior dev type of thinking 🤌
Greate video .... Can you please share the repo for this example
thanks amazing info keep it up!
Isn't it better to use Redux and Axios Instance(Interceptors) for async error handling.
redux or interceptor ma rakhyo bhane ta harek euta component ma gayera feri error ko lagi ui milairakhnu paryo tyo package use garyo bhane kunai component ma error aaye ni tesle handle gardincha so tyo sajilo bhayo
I don't think that caters for "render errors" as well. Just errors during API calls.
its not working for me to handle async operation. please help
I prefer the first way , better for showing different custom error ui in different cases , gives more independence
Thanks you so much
doest it work with NextJS ?
Thanks alot
awesome video new subscriber here thank you
awesome!
i like it!!
Why did you delete my comment? where i mentioned on mistake in you video
What was the mistake? I want to know so I can keep a look out
What you explain in what React tells you to use for 'ErrorBoundary' is fucking baffling. Thanks for helping me understand this, so I now need to wrap the child and not use the async that should be throwing it... Makes sense. Thank you.
Hi, love the content, appreciated a lot! Btw I really like your editor's theme, do you mind share it to me please? Thank you!