Understanding error boundaries
In React applications, you can handle errors in two possible ways. The first approach is using a try..catch block to handle the errors in an imperative code block, similar to regular event handlers. The second approach is to use error boundaries. These are used to deal with declarative component code that will render on the screen.
The React team introduced error boundaries as part of React version 16. No official component has been created for error boundaries in the React library, so you need to create the error boundary component on your own.
What are error boundaries?
Error boundaries are just React components with a certain list of tasks. They are used to catch JavaScript errors that can occur in their child component tree, log those specific errors, and redirect the screen to the fallback UI to recover from the error state. This component helps prevent the entire component tree from crashing just because of an error that happened somewhere...
