React hangi sorunu çözüyor? dersi, React'e Giriş ve Proje Kurulumu 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ş…
React hangi sorunu çözüyor? dersi, React'e Giriş ve Proje Kurulumu 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 11 dakikadır.
Bu bölümün amacı
React'in çözdüğü sorunu konuşuyor, Vite ile proje kuruyor ve ilk bileşenlerimizi yazıyoruz.
Derste ele alınanlar
React hangi sorunu çözüyor? konusunun ne işe yaradığı ve hangi durumda kullanıldığı.
Konunun react'e giriş ve proje kurulumu 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.