Kodkitabi

Veri İstekleri ve Temizleme

React içinde veri istekleri ve temizleme kavramını, kullanım sınırlarını ve güvenilir uygulama biçimini öğrenin.

Veri İstekleri ve Temizleme, React ile effect ve dış sistemler çalışırken hata durumlarını denetlenebilir bir akışa dönüştürmek için kullanılan yaklaşımı açıklar. Veri İstekleri ve Temizleme, programın davranışını daha açık bir sözleşmeyle ifade etmeyi amaçlayan bir tasarım konusudur.

Kavramı uygularken veri sınırlarını, başarısızlık davranışını ve bakım maliyetini birlikte değerlendirmek gerekir. İsimlendirme, küçük sorumluluklar ve görünür veri akışı; kodun yalnızca çalışmasını değil, anlaşılmasını da sağlar. Aşağıdaki örnek, konuyu küçük ve izlenebilir bir akış içinde gösterir.

Yaygın hata ve doğru yaklaşım

Girdi, çıktı ve hata sözleşmesini belirsiz bırakmak çağıran kodu kırılgan hâle getirir. Normal akış kadar başarısızlık davranışını da açıkça tasarlayın.

Sonuç

Veri İstekleri ve Temizleme, doğru sınırlar ve açık bir sözleşmeyle kullanıldığında React kodunun güvenilirliğini artırır. Önce doğruluğu kurun; ölçüm göstermeden karmaşık optimizasyona yönelmeyin.

Veri İstekleri ve Temizleme örneği
import { useEffect, useState } from "react";

export function Clock() {
  const [now, setNow] = useState(() => new Date());
  useEffect(() => {
    const timer = setInterval(() => setNow(new Date()), 1000);
    return () => clearInterval(timer);
  }, []);
  return <time>{now.toLocaleTimeString("tr-TR")}</time>;
}