Τι σημαίνει "μοναδική πηγή αληθείας";

Question

Accepted Answer

**Μοναδική πηγή αληθείας** σημαίνει ότι κάθε δεδομένο αποθηκεύεται **σε ακριβώς ένα μέρος**, και ό,τι το χρειάζεται διαβάζει από εκεί — αντί να διατηρεί πολλαπλά αντίγραφα που μπορούν να χάσουν τη συγχρονισμό.

## Το πρόβλημα που αποτρέπει: διπλοποιημένη, αποκλίνουσα κατάσταση

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

## Γιατί έχει σημασία

Μοναδική πηγή αληθείας είναι ένας θεμελιώδης κανόνας της αξιόπιστης διαχείρισης κατάστασης — εξαλείφει μια ολόκληρη κατηγορία σφαλμάτων που προκαλούνται από διπλοποιημένα δεδομένα που αποκλίνουν.

Αυτός είναι ο *λόγος* που παράγεις τιμές αντί να τις αποθηκεύεις, ο *λόγος* που αποφεύγεις την αντιγραφή props σε κατάσταση, και ο *λόγος* που τα καθολικά stores συγκεντρώνουν κοινόχρηστα δεδομένα.

Όταν τα δεδομένα έχουν ένα έγκυρο σπίτι και ό,τι διαβάζει από αυτό, η διεπαφή σου παραμένει συνεπής κατ' εξ' ορισμού.