Ce înseamnă "single source of truth"?

Question

Accepted Answer

**Single source of truth** înseamnă că fiecare bucată de date este stocată **în exact un loc**, și tot ceea ce are nevoie de ea citește de acolo — mai degrabă decât să păstrezi mai multe copii care pot să se desincronizeze.

## Problema pe care o previne: stare duplicată, divergentă

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

Atunci când același fapt există în două stări, fiecare actualizare trebuie să-și amintească să schimbe ambele — și inevitabil una este omisă, producând erori unde interfața afișează valori inconsistente.

## Reparația: o sursă, derivează restul

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

Stochează valoarea canonică o dată; calculează orice poate fi derivat din ea din mers. Nu mai este nimic de sincronizat.

## Unde se aplică acest principiu

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

## De ce este important

Single source of truth este un principiu fundamental al gestionării fiabile a stării — elimină o întreagă clasă de erori cauzate de date duplicate care se abat.

Este *de ce* derivezi valorile în loc să le stochezi, *de ce* eviti să copiezi props în stare și *de ce* magazinele globale centralizează datele partajate.

Atunci când datele au o singură casă autoritară și tot ceea ce citește de acolo, interfața rămâne consecventă prin construcție.