A simple mental model for React state

Most state bugs come from putting state in the wrong place.

Local state

Keep it in the component that uses it.

Shared state

Lift it to the nearest common parent.

Server state

Treat it as a cache, not as state you own.