"single source of truth" याचा अर्थ काय आहे?

Question

Accepted Answer

**Single source of truth** म्हणजे प्रत्येक डेटा **अगदी एक जागी** संग्रहित केला जातो, आणि ज्याला हे चाहिये ते तेथून वाचतात — अनेक प्रती ठेवण्याऐवजी जी समक्रमण विचलित होऊ शकतात.

## The problem it prevents: duplicated, diverging state

```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 मध्ये बग तयार होतात.

## The fix: one source, derive the rest

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

निर्भरक्षम मूल्य एकदाच संग्रहित करा; त्यातून प्राप्त करण्यायोग्य कोणतेही गणना चालूवर करा. समक्रमण ठेवण्यासारखे काहीही नाही.

## Where this principle applies

```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 हे विश्वसनीय state management चे मूलभूत तत्व आहे — हे डुप्लिकेट डेटा वगळून जाण्यामुळे उद्भवलेल्या bugs च्या संपूर्ण श्रेणीचे निर्मूलन करते.

हे *का* आहे की तुम्ही मूल्य derive करता अनुसंचय करत नाही, *का* तुम्ही props ला state मध्ये कॉपी करण्यास टाळता, आणि *का* global stores सामायिक डेटा केंद्रीकृत करतात.

जेव्हा डेटाचे एक आधिकृत घर असते आणि सर्व तेथून वाचतात, तेव्हा तुमचा UI बांधकामानुसार सुसंगत राहतो.