High React Question 145 of 229

Why does Strict Mode run effects twice in development?

Frontend Master · Speak this in 60–90 seconds · Faridabad & Delhi NCR

PICTURE THIS: REACT RENDER CYCLE

State changesetState / hook
ReconcileVirtual DOM diff
CommitUpdate real DOM

Simple meaning

React 18 Strict Mode mounts, unmounts, and remounts to surface missing cleanup.

1

WHY — React instead of guessing?

Why interviewers care about React:

They are checking judgment

on React.

A good answer names

the situation, the default choice, and one exception - that reads as experience.

Stay structured

Name the idea, why it exists, then one short example.

Close cleanly

End with when you use it and one common pitfall.

2

STEPS — What happens step by step?

Before you speak the answer, walk the interviewer through these steps:

  1. 1
    React 18 Strict Mode

    mounts, unmounts, and remounts to surface missing cleanup.

  2. 2
    If my effect is

    not idempotent I will see double fetches or duplicate listeners.

  3. 3
    I fix cleanup rather

    than disabling Strict Mode.

  4. 4
    Give an example

    One tiny concrete case you can say aloud.

  5. 5
    Common mistake

    What juniors usually get wrong.

  6. 6
    Close

    When you pick this over the alternative.

3

EXAMPLE — See it in action

Here's a short line you can speak, broken into clear beats:

Say this line
“If my effect is not idempotent I will see double fetches or duplicate listeners.”
Break into beats
Ifmyeffectisnotidempotent
Speaking order
2987408337471632900

Note: Adapt this scaffold to your own project — keep it under 60–90 seconds.

Key takeaway

React 18 Strict Mode mounts, unmounts, and remounts to surface missing cleanup. If my effect is not idempotent I will see double fetches or duplicate listeners.

Chat with us