Mitä "yhden totuuden lähde" tarkoittaa?

Question

Accepted Answer

**Yhden totuuden lähde** tarkoittaa, että jokainen tieto tallennetaan **tarkalleen yhteen paikkaan**, ja kaikki, joka sitä tarvitsee, lukee sieltä — sen sijaan, että säilytettäisiin useita kopioita, jotka voivat mennä synkronoinnista pois.

## Ongelma, jonka se estää: päällekkäinen, hajoava tila

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

Kun sama tieto on kahdessa tilassa, jokaisen päivityksen on muistettava muuttaa molempia — ja väistämättä yksi unohtuu, mikä tuottaa virheitä, joissa UI näyttää epäyhtenäisiä arvoja.

## Ratkaisu: yksi lähde, loput johdetaan

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

Tallenna kanoninen arvo kerran; laske mikä tahansa siitä johdettava lennossa. Mitään ei tarvitse pitää synkronoituna.

## Missä tämä periaate pätee

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

## Miksi se on tärkeää

Yhden totuuden lähde on luotettavan tilan hallinnan perusperiaate — se eliminoi kokonaisen luokan virheitä, jotka johtuvat päällekkäisten tietojen erkaantumisesta.

Se on *miksi* johdat arvoja niiden tallentamisen sijaan, *miksi* vältät propsien kopioimista tilaksi, ja *miksi* globaalit varastot keskittävät jaetut tiedot.

Kun tiedolla on yksi valtuutettu koti ja kaikki lukevat siitä, UI pysyy johdonmukaisena rakenteellisesti.