Guided Notes

useEffect & Side Effects

Running code after render: dependencies, cleanup, timers, and fetching data.

Side effects

Slide 1 / 5

Rendering should only calculate JSX. Anything that reaches outside the component is a side effect: β€’ setting document.title β€’ starting a timer β€’ fetching data β€’ subscribing to an event or a socket

useEffect runs such code after React has updated the page:

const { useEffect } = React;

useEffect(() => { document.title = "Clicked " + count + " times"; });

Without a second argument, this runs after every render.

← Forms