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

જ્યારે એક જ હકીકત બે સ્થિતિમાં રહે છે, દરેક અપડેટ બંને બદલવા માટે યાદ રાખવું જોઈએ — અને અનિવાર્યપણે એક છોડી દેવામાં આવે છે, જ્યાં UI અસંગત મૂલ્યો દર્શાવે છે તેવી bugs ઉત્પન્ન કરે છે.

## સુધારો: એક સ્રોત, બાકીનું ઉતારી લો

```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 એ વિશ્વાસપાત્ર સ્થિતિ વ્યવસ્થાપનનો એક મૂળભૂત સિદ્ધાંત છે — તે ડુપ્લિકેટ ડેટાને અલગ પાડીને કારણે થતી bugs ના આખા વર્ગને દૂર કરે છે.

તે *કેમ* છે કે તમે મૂલ્યો સંગ્રહ્યા માટે તેમને ઉતારી લો છો, *કેમ* તમે props ને સ્થિતિમાં નકલ કરતા બચો છો, અને *કેમ* વૈશ્વિક stores વહેંચાયેલ ડેટાને કેન્દ્રીય બનાવે છે.

જ્યારે ડેટા માટે એક અધિકૃત ઘર હોય અને બધું તેમાંથી વાંચે, તમારો UI બાંધણી દ્વારા સુસંગત રહે છે.