რა ნიშნავს "ერთეული სიმართის წყარო"?

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

თუ ერთი ფაქტი ორ მდგომარეობაში მდებარეობს, ყველა განახლება უნდა დაიმახსოვროს, რომ ორივე შეცვალოს — და აუცილებელი ყოვლად ერთი გამოტოვებული რჩება, რაც ბაგებს წარმოქმნის, სადაც UI აჩვენებს არათანმიმდევრულ მნიშვნელობებს.

## გამოსწორება: ერთი წყარო, დანარჩენი გაწარმოებული

```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-ის state-ში კოპირებას, და *რატომ* გლობალური მაღაზიები ცენტრალიზებენ საერთო მონაცემებს.

როდესაც მონაცემებს აქვთ ერთი ავტორიტეტული სახლი და ყველა მას იკითხება, თქვენი UI თანმიმდევრული რჩება კონსტრუქციით.