📘 What is useState Hook in React?

The useState hook is a core React feature that lets you add state to functional components. Before React 16.8, state management was limited to class components, but with Hooks, functional components can now store, update, and react to changing data, making code simpler, cleaner, and easier to reuse.

🔧 Why Use useState?

Whenever your UI needs to remember something and update based on user interaction or data changes—such as counters, form inputs, toggles, or fetched data—you need state. useState provides a straightforward way to store values and update them while keeping the UI in sync.

📦 Syntax

const [state, setState] = useState(initialValue);

state: The current value
setState: Function used to update the value
initialValue: The starting value (number, string, object, array, etc.)

✅ Example: Simple Counter

import React, { useState } from "react";

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

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

🔍 How It Works

useState(0) initializes the state with 0
count holds the current value
setCount updates the value
Calling setCount triggers a re-render, so the UI reflects the new state

🧠 Key Points to Remember

useState can be used only inside functional components
Each call to useState creates an independent piece of state
Updating state causes React to re-render the component

📎 Common Use Cases

Managing form fields like name or email
Toggling UI states (light/dark mode, open/close modal)
Handling counters, likes, or votes
Storing and updating API data

🧾 Final Thoughts

The useState hook is one of the most fundamental tools in React. It enables functional components to manage dynamic data and keeps the UI automatically updated when state changes. From simple counters to complex forms, mastering useState is the first big step toward building interactive and modern React applications.

Understanding useState Hook in React (With Example)