What is state in React?

State is a component's data that can change over time.

const [count, setCount] =
  useState(0);

Changing state schedules a re-render.

We don't mutate state directly.

Wrong:

user.name = "Tom";

better:

setUser({
  ...user,
  name: "Tom"
});