Hook kuralları (Rules of Hooks) nelerdir, neden vardır?

1. Hook'lar yalnızca bileşenin en üst seviyesinde çağrılır: if, döngü veya iç içe fonksiyon içinde çağrılmaz.
2. Hook'lar yalnızca React fonksiyon bileşenlerinden veya custom hook'lardan çağrılır.

Neden: React, bir bileşenin hook'larını isimle değil çağrılma sırasıyla eşleştirir. Bir hook koşula bağlı çağrılırsa sıra kayar ve state yanlış hook'a bağlanır.

// Yanlış
if (girisYapti) { const [x, setX] = useState(0); }

// Doğru: hook her zaman çağrılır, koşul içeride
const [x, setX] = useState(0);
if (!girisYapti) return null;

eslint-plugin-react-hooks bu kuralları ve useEffect bağımlılıklarını otomatik kontrol eder.