useState ile bileşen durumu tutmak dersi, State ve Olaylar bölümünün bir parçasıdır. Bu ders anlatım olarak kurgulanmıştır; aşağıdaki not, derste izlenen yolu adım adım aktarır. Ayırmanız gereken süre yaklaşık 14 dakikad…
useState ile bileşen durumu tutmak dersi, State ve Olaylar bölümünün bir parçasıdır. Bu ders anlatım olarak kurgulanmıştır; aşağıdaki not, derste izlenen yolu adım adım aktarır. Ayırmanız gereken süre yaklaşık 14 dakikadır.
Bu bölümün amacı
Bileşen durumunu useState ile tutuyor, olayları dinliyor ve formları kontrollü hâle getiriyoruz.
Derste ele alınanlar
useState ile bileşen durumu tutmak konusunun ne işe yaradığı ve hangi durumda kullanıldığı.
Konunun state ve olaylar bölümündeki diğer başlıklarla ilişkisi.
Orta düzeyinde tipik hatalar ve bunlardan kaçınma yolları.
Öğrendiğinizi kendi projenizde deneyebileceğiniz küçük bir uygulama önerisi.
Kursun bu dersle ilerlettiği kazanımlar
Vite ile React projesi kurup klasör düzenini oturtmak
JSX yazmak, prop geçmek ve listeleri key ile render etmek
useState ile durum tutmak ve state'i değiştirmeden güncellemek
Dersi bitirmeden önce
Konuyu kendi cümlelerinizle bir paragrafta özetleyin ve aklınıza takılan noktayı Notlarım sekmesine yazın. Takıldığınız bir yer varsa Soru-cevap sekmesinden eğitmene iletebilirsiniz. Hazır olduğunuzda dersi tamamlandı olarak işaretleyip bir sonrakine geçin.
Bu derste indirilebilir dosya yok
Kursun diğer derslerinde alıştırma dosyaları ve şablonlar bulunuyor.
BO
Berk O. · 5 Temmuz 2026
useEffect içinde veri çekiyorum ama efekt sonsuz döngüye giriyor. Bağımlılık dizisine state'i koyunca döngü başlıyor, boş bırakınca da uyarı alıyorum. Doğru yaklaşım ne olmalı?
DA
Deniz ArkınEğitmen
Sonsuz döngünün sebebi genellikle efektin içinde güncellediğiniz state'i aynı efektin bağımlılığına koymanızdır: state değişince efekt tekrar çalışır, efekt state'i tekrar günceller. Veri çekme işlemi yalnızca bir kez veya belirli bir kimlik değiştiğinde çalışacaksa bağımlılık dizisine sadece o kimliği koyun, gelen veriyi tutan state'i koymayın. Efekt içinde kullandığınız fonksiyonlar her render'da yeniden oluşuyorsa onları da useCallback ile sabitleyin ya da efektin içine taşıyın.
Soru sormak için kursa kaydolmanız gerekiyor.
Not almak için kursa kaydolun
Kayıtlı öğrenciler her ders için not tutabilir; notlar öğrenci panelinde toplanır.