⚡ useState Nedir?

• React hook’udur, bir bileşenin local state’ini yönetmek için kullanılır.
• Basit ve küçük state’ler için idealdir.
• Component render edildiğinde state değeri korunur ve güncellemeler re-render tetikler.

⚡ Temel Kullanım

import { useState } from "react";

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

  const increment = () => setCount(count + 1);

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={increment}>Arttır</button>
    </div>
  );
}

• count → Mevcut state
• setCount → State’i güncellemek için kullanılan fonksiyon
• useState(0) → Başlangıç değeri 0

⚡ Notlar

• setCount asenkron çalışır; birden fazla güncelleme tek seferde toplanabilir.
• Küçük ve bağımsız state’ler için useState kullanmak daha okunabilir ve hızlıdır.
• Birden fazla state varsa, her state için ayrı useState kullanabiliriz.