How do error boundaries catch errors and what do they miss?
PICTURE THIS: ASYNC / PROMISE
Simple meaning
They catch errors during render, lifecycle, and constructors of children via componentDidCatch.
WHY — React instead of guessing?
Why interviewers care about React:
question about React.
trade-offs, and what you would actually do on a Frontend project - not buzzwords.
Name the idea, why it exists, then one short example.
End with when you use it and one common pitfall.
STEPS — What happens step by step?
Before you speak the answer, walk the interviewer through these steps:
- 1They catch errors during
render, lifecycle, and constructors of children via componentDidCatch.
- 2They miss event handlers,
setTimeout, and async fetch
- 3those need try catch
and local error state.
- 4I still use them
so a chart library crash does not kill the shell.
- 5Common mistake
What juniors usually get wrong.
- 6Close
When you pick this over the alternative.
EXAMPLE — See it in action
Here's a short line you can speak, broken into clear beats:
Note: Adapt this scaffold to your own project — keep it under 60–90 seconds.
Key takeaway
They catch errors during render, lifecycle, and constructors of children via componentDidCatch. They miss event handlers, setTimeout, and async fetch