bileşenler

Gereksiz yeniden render'ı tespit etmenin en güvenilir yolu, önce React DevTools Profiler ile hangi bileşenin ne zaman ve neden render olduğunu gözlemlemek, ardından bileşene geçici console.count() veya console.log() ekleyerek davranışı küçük bir örnekte doğrulamaktır. Bir bileşenin tekrar render...

React’te state setter’ı çağrıldığında mevcut fonksiyon çalışmasının içindeki değişken anında değişmez. Setter sonraki render için güncelleme ister. Çalışmakta olan handler ve onun oluşturduğu callback, ait olduğu render’ın state görüntüsünü korur; daha sonra yeni render tamamlanması eski closure...

Props, bir bileşene dışarıdan gönderilen ve bileşenin kendisi tarafından değiştirilmemesi gereken verilerdir. State ise bileşenin kendi içinde tuttuğu, kullanıcı etkileşimi veya başka bir olay sonucunda güncelleyebildiği veridir. Ayırıcı ölçüt yalnız değerin değişmesi değildir: props da sonraki...

React, kullanıcı arayüzleri oluşturmak için kullanılan, bileşen tabanlı bir JavaScript kütüphanesidir. Özellikle etkileşimli web uygulamalarında ekranı küçük ve yeniden kullanılabilir parçalara ayırmayı sağlar. Bir butona tıklanınca sayaç artırmak, form verisini ekranda göstermek veya kullanıcı...

React listelerinde key, listedeki her öğenin kardeşleri arasındaki kimliğini belirtir. React bu kimliği kullanarak bir render sonrasında hangi öğenin aynı kaldığını, hangisinin eklendiğini, silindiğini veya yer değiştirdiğini anlar. Bu nedenle key yalnızca uyarıyı susturmak için değil, arayüz...

React hydration hatası, sunucunun HTML olarak ürettiği ilk çıktı ile tarayıcıda React’ın ilk render sırasında üretmeye çalıştığı çıktının aynı olmaması nedeniyle oluşur. React mevcut sunucu HTML’sini yeniden kullanabilmek için bu iki çıktının eşleşmesini bekler. Tarih, rastgele sayı, tarayıcı...

React hata sınırı (Error Boundary), alt bileşen ağacında render sırasında, yaşam döngüsü metotlarında ve sınıf bileşenlerinin kurucularında oluşan JavaScript hatalarını yakalar. Yakalanan hata tüm arayüzü bozmak yerine, sınırın tanımladığı yedek ekranın gösterilmesini sağlar. Ancak olay...

React formunda gönderim ve bekleme durumunu yönetmek için formun onSubmit olayında varsayılan tarayıcı davranışını durdurun, isteğin başladığı anda bir pending durumu ayarlayın ve istek bitince başarı ya da hata durumuna geçin. Gönderim düğmesini bekleme sırasında devre dışı bırakmak tekrarlı...

Controlled input değerini React state’inde tutar; value ve onChange ile her değişikliği React yönetir. Uncontrolled input ise değeri DOM’un kendi içinde tutar; başlangıç değeri defaultValue ile verilir ve son değer gerektiğinde ref veya name verilmiş kontroller için FormData üzerinden...

React bileşeni, arayüzü oluşturan ve tekrar kullanılabilen JavaScript yapısıdır; HTML elemanı ise tarayıcının doğrudan tanıdığı ve DOM içinde oluşturduğu yapıdır. Örneğin Button bir React bileşeni olabilirken, button tarayıcının sunduğu yerleşik HTML elemanıdır. Bu rehber web üzerinde React DOM...