Vad betyder "enda källa till sanning"?

Question

Accepted Answer

**Enda källa till sanning** betyder att varje datapunkt lagras **på exakt ett ställe**, och allt som behöver den läser därifrån — snarare än att hålla flera kopior som kan divergera.

## Problemet det förhindrar: duplicerad, divergerande tillstånd

```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 samma faktum finns i två tillstånd måste varje uppdatering komma ihåg att ändra båda — och oundvikligen glöms en bort, vilket skapar buggar där gränssnittet visar inkonsistenta värden.

## Lösningen: en källa, härled 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
  }
}
```

Lagra det kanoniska värdet en gång; beräkna allt härledbart från det i farten. Det finns ingenting att hålla synkroniserat.

## Var denna princip tillämpas

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

## Varför det är viktigt

Enda källa till sanning är en grundläggande princip för tillförlitlig tillståndshantering — det eliminerar en helt klass av buggar orsakade av duplicerad data som divergerar.

Det är *varför* du härledar värden istället för att lagra dem, *varför* du undviker att kopiera props till tillstånd, och *varför* globala arkiv centraliserar delad data.

När data har ett auktoritativt hemmet och allt läser från det, förblir ditt gränsnitt konsistent enligt konstruktion.