What are the four types of state in React and their suitable tools?

Imagine your app is like a big toy box. Some toys are just for you (local state), some are for everyone to play with (global state), some are borrowed from a friend (server state), and some are hidden in secret compartments (URL state). Each type needs its own special spot to keep things tidy.