Hvad betyder "enkelt kilde til sandhed"?

Question

Accepted Answer

**Enkelt kilde til sandhed** betyder, at hver data lagres på **præcis ét sted**, og alt der har brug for den læser derfra — i stedet for at holde flere kopier, der kan blive ude af sync.

## Det problem det forebygger: duplikeret, divergerende tilstand

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

Når det samme faktum eksisterer i to tilstande, skal hver opdatering huske at ændre begge — og uundgåeligt bliver en glemt, hvilket producerer fejl, hvor brugerfladen viser inkonsistente værdier.

## Løsningen: en kilde, aflede resten

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

Lagre den kanoniske værdi en gang; beregn alt, som kan afldes fra den, løbende. Der er intet at holde synkroniseret.

## Hvor dette princip gælder

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

## Hvorfor det betyder noget

Enkelt kilde til sandhed er et grundlæggende princip for pålidelig tilstandsstyring — det eliminerer en hel klasse af fejl forårsaget af duplikerede data, der drifte fra hinanden.

Det er *hvorfor* du afleder værdier i stedet for at lagre dem, *hvorfor* du undgår at kopiere props til tilstand, og *hvorfor* globale lagre centraliserer delte data.

Når data har en autoriseret basis, og alt læser fra den, forbliver dit brugerinterface konsistent ved konstruktion.