⚡ useNavigation Nedir?

• React Router v6+ ile gelen hook’tur.
• Sayfanın veya route’un yüklenme durumu (navigation state) hakkında bilgi verir.
• Özellikle loading spinner veya progress bar gibi görseller için kullanılır.

⚡ Temel Kullanım

import { useNavigation } from "react-router-dom";

function LoaderIndicator() {
  const navigation = useNavigation();

  return (
    <div>
      {navigation.state === "loading" && <p>Yükleniyor...</p>}
    </div>
  );
}

• navigation.state değerleri:
  • "idle" → Hiçbir yükleme yok.
  • "loading" → Route veya veri yükleniyor.
  • "submitting" → Form veya action gönderiliyor.

⚡ Notlar

• useNavigation, route tabanlı yükleme durumlarını takip etmek için idealdir.
• Loader göstermek veya butonları geçici olarak devre dışı bırakmak gibi UI geri bildirimleri için kullanılır.
• Loader durumlarını manuel state ile yönetmek yerine, router’ın yerleşik navigation state’ini kullanmak daha güvenli ve performanslıdır.