🧠 React useState Hook — Mastering State in Functional Components

The useState hook allows you to add state to your functional components — something only class components could do before React 16.8.

📌 Basic Example:

import { useState } from "react";

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

  return (
    <button onClick={() => setCount(count + 1)}>
      Count: {count}
    </button>
  );
}

✨ Key Points:
• useState returns [value, setter]
• Calling the setter (setCount) re-renders the component
• You can store any type: number, string, object, or array

📘 Example with Object:

const [user, setUser] = useState({ name: "Aman", age: 22 });

👉 Tip:
When updating state based on the previous value, always use the callback form:

setCount(prev => prev + 1);

useState is the foundation of all interactivity in React 🚀