useEffect Interview Questions for React Developers

useEffect Interview Questions for React Developers

useEffect comes up in almost every React interview because it tests whether you understand side effects and the component lifecycle. Here are the common questions.

What does useEffect do?

useEffect runs side effects after render, like fetching, subscribing, and DOM updates. The dependency array controls when it runs.

How does the dependency array work?

No array runs after every render. An empty array runs only on mount. An array with values runs when any of those values change.

What is the cleanup function?

The function returned from useEffect. React calls it before the next effect and on unmount, so you can tear down subscriptions, timers, and listeners.

How do you avoid infinite loops in useEffect?

Use the correct dependency array. Do not include state you update inside the effect, and use an empty array for one-time mount effects.

How do you handle race conditions in fetching?

Use a cleanup flag or an AbortController to ignore or cancel outdated requests when the component unmounts or dependencies change.

How to Answer Well

Explain the lifecycle: mount, update, unmount, and how the array and cleanup map to each. Interviewers want to see you understand the full lifecycle, not just the syntax.

The Takeaway

Know what useEffect does, how the dependency array works, what cleanup is, how to avoid infinite loops, and how to handle race conditions. Map these to mount, update, and unmount to answer well.