Что означает "single source of truth"?

Question

Accepted Answer

**Single source of truth** означает, что каждый элемент данных хранится **ровно в одном месте**, и все, что нуждается в нем, читает оттуда — вместо того чтобы хранить несколько копий, которые могут рассинхронизироваться.

## Почему это важно: дублированное, расходящееся состояние

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

Когда один и тот же факт существует в двух состояниях, каждое обновление должно помнить об изменении обоих — и неизбежно одно забывается, что создает ошибки, при которых интерфейс показывает несогласованные значения.

## Решение: один источник, остальное выводим

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

Сохраняйте каноническое значение один раз; вычисляйте все, что из него можно вывести, на лету. Нечего синхронизировать.

## Где применяется этот принцип

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

## Почему это важно

Single source of truth — это фундаментальный принцип надежного управления состоянием — он устраняет целый класс ошибок, вызванных дублированием данных, которые расходятся.

Это *почему* вы выводите значения вместо того, чтобы их хранить, *почему* вы избегаете копирования props в state, и *почему* глобальные хранилища централизуют общие данные.

Когда данные имеют одну авторитетную базу, и все читают оттуда, ваш интерфейс остается согласованным по построению.