I'll explain each hook and provide practical use cases for when you'd want to use them.

1. useState

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

When to use:

• Managing simple state values (numbers, strings, booleans)
• Form input values
• Toggle states (show/hide, open/closed)
• User preferences
• Local component state

Example usecase:

const [isMenuOpen, setIsMenuOpen] = useState(false);
const [username, setUsername] = useState('');

1. useEffect

useEffect(() => {
// effect code
  return () => {
// cleanup code
  }
}, [dependencies]);

When to use:

• Fetching data
• Subscriptions or event listeners
• DOM manipulations
• Integration with third-party libraries
• Side effects that need to run after render