Was bedeutet "Single Source of Truth"?

Question

Accepted Answer

**Single Source of Truth** bedeutet, dass jede Information **an genau einer Stelle** gespeichert wird, und alles, das sie benötigt, von dort aus liest — anstatt mehrere Kopien zu verwalten, die desynchronisiert werden können.

## Das Problem, das es verhindert: duplizierter, auseinanderdriftender Zustand

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

Wenn derselbe Fakt in zwei Zuständen existiert, muss jede Aktualisierung daran denken, beide zu ändern — und unweigerlich wird eine vergessen, was zu Bugs führt, bei denen die Benutzeroberfläche inkonsistente Werte anzeigt.

## Die Lösung: eine Quelle, alles andere ableiten

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

Speichere den kanonischen Wert einmal; berechne alles Ableitbare daraus unmittelbar. Es gibt nichts, das synchron gehalten werden muss.

## Wo dieses Prinzip gilt

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

## Warum es wichtig ist

Single Source of Truth ist ein Grundprinzip der zuverlässigen Zustandsverwaltung — es beseitigt eine ganze Klasse von Bugs, die dadurch entstehen, dass duplizierte Daten auseinanderdriften.

Es ist der *Grund*, warum du Werte ableitest statt sie zu speichern, der *Grund*, warum du vermeidest, Props in den Zustand zu kopieren, und der *Grund*, warum globale Stores gemeinsame Daten zentralisieren.

Wenn Daten ein autorisiertes Zuhause haben und alles von dort aus gelesen wird, bleibt deine Benutzeroberfläche konstruktionsbedingt konsistent.