React Fiber

Every yellow flash is a re-render. Interact with the demo, spot what shouldn't be flashing, then open the solution tab to see the fix.

1

Exercise 1 of 1

Render Purity & Strict Mode

Side effects in the render body fire multiple times — Strict Mode makes this visible. Move them to useEffect to guarantee exactly-once execution.

interact to see yellow flashes →
Impure render — side effect in component body

Component

renders: 1

External queue (should have 0 entries)

Click the button to see entries appear…

Each click should add exactly 1 entry.