What are error boundaries and how do you use them?
Model answer
An error boundary catches errors thrown while rendering its children and shows a fallback UI instead of crashing the whole app. It is a class component with getDerivedStateFromError and componentDidCatch, or you can use a library such as react-error-boundary.
It does not catch errors in event handlers or async code, so handle those with try/catch.
Learn this topic
React 19 New Features: Actions, useActionState, useOptimistic, use and More in the course React.js Full Course: Beginner to Advanced.
Sign in to add your own answer.
More questions
- What are React Server Components, in simple terms?
- What is the difference between client-side rendering, server-side rendering and static generation?
- What are portals and when do you use them?
- What is new in React 19 that a developer should know?
- How would you structure folders and code in a large React project?
- How do you decide between building a single-page app and using a framework like Next.js?