"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 असंगत मान दिखाता है।

## समाधान: एक स्रोत, बाकी व्युत्पन्न करें

```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 विश्वसनीय स्थिति प्रबंधन का एक मौलिक सिद्धांत है — यह डुप्लिकेट डेटा के अलग-अलग होने से होने वाले बग के एक पूरे वर्ग को समाप्त करता है।

यही *क्यों* है कि आप मानों को संग्रहीत करने के बजाय उन्हें व्युत्पन्न करते हैं, *क्यों* आप props को स्थिति में कॉपी करने से बचते हैं, और *क्यों* वैश्विक स्टोर साझा डेटा को केंद्रीभूत करते हैं।

जब डेटा के पास एक आधिकारिक घर होता है और सब कुछ इससे पढ़ता है, तो आपका UI निर्माण से ही सुसंगत रहता है।