¿Qué significa "única fuente de verdad"?

Question

Accepted Answer

**Única fuente de verdad** significa que cada dato se almacena en **exactamente un lugar**, y todo lo que lo necesita lee desde allí — en lugar de mantener múltiples copias que pueden desincronizarse.

## El problema que previene: estado duplicado y divergente

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

Cuando el mismo hecho existe en dos estados, cada actualización debe recordar cambiar ambos — e inevitablemente uno se olvida, produciendo bugs donde la UI muestra valores inconsistentes.

## La solución: una fuente, derivar el resto

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

Almacena el valor canónico una vez; calcula cualquier cosa derivable de él sobre la marcha. No hay nada que mantener sincronizado.

## Dónde se aplica este principio

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

## Por qué es importante

Única fuente de verdad es un principio fundamental de la gestión confiable de estado — elimina una clase completa de bugs causados por datos duplicados que se desincronizarn.

Es *por qué* derives valores en lugar de almacenarlos, *por qué* evitas copiar props a estado, y *por qué* los stores globales centralizan datos compartidos.

Cuando los datos tienen un hogar autorizado y todo lee desde allí, tu UI permanece consistente por construcción.