What is a custom hook and why write one?
PICTURE THIS: STACK VS QUEUE
Simple meaning
A custom hook is a function starting with use that calls other hooks.
WHY — React instead of guessing?
Why interviewers care about React:
who only read docs from people who shipped.
and tied to Full Stack work.
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:
- 1A custom hook is
a function starting with use that calls other hooks.
- 2It reuses stateful logic
such as form handling or authenticated fetch without copying useEffect blocks.
- 3How it works
It should not return JSX
- 4Give an example
that belongs in a component.
- 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
A custom hook is a function starting with use that calls other hooks. It reuses stateful logic such as form handling or authenticated fetch without copying useEffect blocks.