Lifting state up nedir? Prop drilling sorunu nasıl çözülür?

Lifting state up: İki kardeş bileşen aynı veriye ihtiyaç duyduğunda state, ikisinin en yakın ortak ebeveynine taşınır; ebeveyn değeri ve güncelleme fonksiyonunu prop olarak dağıtır.

function Filtreli() {
  const [arama, setArama] = useState("");
  return (
    <>
      <AramaKutusu deger={arama} onDegis={setArama} />
      <Sonuclar arama={arama} />
    </>
  );
}

State çok yukarı taşınınca aradaki bileşenler kullanmadıkları prop'ları sadece iletir (prop drilling). Çözümler:

• Bileşen kompozisyonu: çocuğu children olarak geçirip aradaki katmanları atlamak
• Context: tema, kullanıcı gibi geniş kapsamlı veriler
• State yönetim kütüphanesi: Zustand, Redux Toolkit, Jotai
• Sunucu state'i için TanStack Query (önbellek bileşen ağacından bağımsız)