Client State vs Server State

Summary

Distinguishing state your frontend owns entirely (a modal being open, a form's current input) from state that actually lives on your server/database and is just cached locally — treating them the same way is a common source of full-stack bugs.

• 1Audit a project's state and label each piece as client state or server state.
• 2Move server state out of a general-purpose store like Redux/Context into React Query if it's mixed in today.
• 3Learn why treating all state the same way tends to cause avoidable complexity.