Çfarë do të thotë "burimi i vetëm i së vërtetës"?

Question

Accepted Answer

**Burimi i vetëm i së vërtetës** do të thotë që secila pjesë e të dhënave ruhet **në saktësisht një vend**, dhe gjithçka që ka nevojë për të lexon orëse — përkundrazi të mbajë kopje të shumta që mund të devijojnë.

## Problemi që ai parandalon: gjendje të duplikuara, të ndryshimit

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

Kur i njëjti fakt ekziston në dy gjendje, çdo përditësim duhet të kujtojë të ndryshojë të dyja — dhe në mënyrë të pashmangshme një harrohet, duke prodhuar gabime ku UI shfaq vlera të paqëndrueshme.

## Zgjidhja: një burim, nxirr zvarrë

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

Ruani vlerën kanonike një herë; llogaritni gjithçka të nxjerrshme prej saj në fluturim. Nuk ka asgjë për të mbajtur në sinkronizim.

## Ku këtë parim zbatohet

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

## Pse është i rëndësishëm

Burimi i vetëm i së vërtetës është një parim themelor i menaxhimit të gjendjës të besueshëm — ai eliminon një klasë të tërë të gabimeve të shkaktuara nga të dhënat e duplikuara që devijojnë.

Kjo është *arsyeja* pse nxirrni vlerat në vend që t'i ruani, *arsyeja* pse shmangni kopjimin e prop-eve në gjendje, dhe *arsyeja* pse depot globale qendrojnë të dhënat e ndara.

Kur të dhënat kanë një shtëpi autoritare dhe gjithçka lexon nga ajo, UI-ja juaj qëndron konsistente sipas ndërtimit.