Što znači "single source of truth"?

Question

Accepted Answer

**Single source of truth** znači da se svaki dio podataka sprema **na točno jednom mjestu**, a sve što mu je potrebno čita odatle — umjesto da se čuvaju nekoliko kopija koje mogu postati nesinkronizirane.

## Problem koji sprječava: duplirani, divegentni status

```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! 🐛
  }
}
```

Kad ista činjenica postoji u dva stanja, svaka ažuriranja mora zapamtiti promjenu obaju — i neizbježno se jedno zaboravi, što proizvodi greške gdje sučelje prikazuje nekonzistentne vrijednosti.

## Rješenje: jedan izvor, izvedite ostatak

```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
  }
}
```

Spremi kanoničku vrijednost jednom; računaj sve što se može izvesti iz nje na letu. Nema ničega što trebate čuvati u sinkronizaciji.

## Gdje se ovaj princip primjenjuje

```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
```

## Zašto je važno

Single source of truth je temeljni princip pouzdanog upravljanja stanjem — eliminira čitavu klasu grešaka uzrokovane dupliranim podacima koji se razilaze.

To je *zašto* izvodite vrijednosti umjesto da ih spremaš, *zašto* izbjegavate kopiranje props-a u stanje, i *zašto* globalni store-ovi centraliziraju dijeljene podatke.

Kad podaci imaju jednu autoritativnu kućicu i sve čita iz nje, vaše sučelje ostaje konzistentno po konstrukciji.