Hands-On Design Patterns with React Native

How error boundaries catch errors

It appears that error boundaries are meant to catch runtime errors that prevent rendering to finish successfully. Hence, they are very specific to React and are implemented using a special life cycle hook of the class component.

Error boundaries do not catch errors for the following:

• Event handlers
• Asynchronous code (for example, setTimeout or requestAnimationFrame callbacks)
• Server-side rendering
• Errors thrown in the error boundary itself (rather than its children)

- React official documentation at https://reactjs.org/docs/error-boundaries.html.

Let's discuss the previously mentioned error boundaries limitations further:

• Event handlers: This limitation is due to event handlers asynchronous nature