"Tek doğruluk kaynağı" ne demek?

Question

Accepted Answer

**Tek doğruluk kaynağı** her veri parçasının **tam olarak bir yerde** depolanması anlamına gelir ve onu gereken her şey oradan okur — birden çok kopya tutmak yerine bunlar uyumsuzlaşabilir.

## Engellediği problem: yinelenen, uyumsuzlaşan durum

```jsx
// ❌ the same data stored in two places → they can disagree
function Profile() {
  const [user, setUser] = useState({ name: "Ann" });
  const [displayName, setDisplayName] = useState("Ann"); // a COPY of user.name

function rename(newName) {
    setUser({ ...user, name: newName }); // updated user...
    // ...but forgot to update displayName → now they're out of sync! 🐛
  }
}
```

Aynı gerçek iki durumda yaşadığında, her güncelleme her ikisini de değiştirmeyi hatırlamalı — ve kaçınılmaz olarak biri unutulur; UI tutarsız değerler gösterdikçe hatalara neden olur.

## Çözüm: bir kaynak, geri kalanını türet

```jsx
// ✅ user.name is the single source; displayName is DERIVED, not stored
function Profile() {
  const [user, setUser] = useState({ name: "Ann" });
  const displayName = user.name.toUpperCase(); // computed on render — always in sync

function rename(newName) {
    setUser({ ...user, name: newName }); // one update, everything stays consistent
  }
}
```

Kanoniktir değeri bir kez depolayın; ondan türetilebilir her şeyi anında hesaplayın. Senkronize etecek hiçbir şey yoktur.

## Bu ilkenin uygulandığı yerler

```text
✓ Don't copy props into state (the prop is the source)
✓ Don't store derived values (compute them: totals, filtered lists, formatted text)
✓ Global stores (Redux/Pinia): one store is the source for shared data
✓ Server data: cache it once (React Query) rather than copying into many components
✓ URL as source: filters/page in the URL, read from there
```

## Neden önemli

Tek doğruluk kaynağı güvenilir durum yönetiminin temel bir ilkesidir — yinelenen verilerin uyumsuzlaşmasından kaynaklanan hataların tüm bir sınıfını ortadan kaldırır.

Bu *neden* değerleri depolamak yerine türettiniz, *neden* prop'ları duruma kopyalamaktan kaçınırsınız, ve *neden* genel depolar paylaşılan verileri merkezileştirir.

Veriler tek bir yetkili ana sahip olduğunda ve her şey oradan okudığunda, UI'nız tasarım gereği tutarlı kalır.