Co znamená "jediný zdroj pravdy"?

Question

Accepted Answer

**Jediný zdroj pravdy** znamená, že každá data je uložena na **přesně jednom místě** a vše, co ji potřebuje, ji čte odtud — místo aby se udržovaly kopie, které se mohou rozejít z synchronizace.

## Problém, který to zabraňuje: duplikovaný, divergentní stav

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

Když stejná skutečnost existuje ve dvou stavech, každá aktualizace si musí pamatovat, že změní oba — a nevyhnutelně se jeden zmešká, což vytváří chyby, kde uživatelské rozhraní ukazuje nekonzistentní hodnoty.

## Řešení: jeden zdroj, zbytek odvozit

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

Uložte kanonickou hodnotu jednou; vypočítejte cokoliv odvoditelného z ní průběžně. Není nic, co by bylo třeba udržovat v synchronizaci.

## Kde se tento princip uplatňuje

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

## Proč na tom záleží

Jediný zdroj pravdy je základním principem spolehlivé správy stavu — eliminuje celou třídu chyb způsobených duplikovanými daty, která se rozejdou.

Je to *proč* odvozujete hodnoty místo jejich ukládání, *proč* se vyhnete kopírování props do stavu a *proč* globální úložiště centralizují sdílená data.

Když má data jeden autorizovaný domov a vše z něj čte, vaše uživatelské rozhraní zůstane konzistentní z konstrukce.