"single source of truth" کا کیا مطلب ہے؟

Question

Accepted Answer

**Single source of truth** کا مطلب ہے کہ ہر ڈیٹا کا ٹکڑہ **بالکل ایک جگہ** محفوظ ہوتا ہے، اور جسے بھی اس کی ضرورت ہو وہاں سے پڑھتا ہے — بجائے متعدد کاپیز رکھنے کے جو غیر ہم آہنگ ہو سکتی ہیں۔

## مسئلہ جو یہ روکتا ہے: نقل شدہ، مختلف ہوتی ہوئی 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! 🐛
  }
}
```

جب ایک ہی حقیقت دو states میں موجود ہو، تو ہر اپڈیٹ کو دونوں کو تبدیل کرنا پڑتا ہے — اور ناگزیر طور پر ایک کو چھوڑ دیا جاتا ہے، جس سے bugs پیدا ہوتے ہیں جہاں UI غیر مطابقت والی قدریں دکھاتا ہے۔

## حل: ایک source، باقی سب derive کریں

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

canonical value کو ایک بار محفوظ کریں؛ جو کچھ بھی اس سے derive کیا جا سکتا ہے اسے فوری طور پر کمپیوٹ کریں۔ sync میں رکھنے کے لیے کچھ نہیں ہے۔

## یہ اصول کہاں لاگو ہوتا ہے

```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 کی ایک پوری قسم کو ختم کر دیتا ہے۔

یہ *وجہ* ہے کہ آپ values derive کرتے ہیں بجائے ان کو محفوظ کرنے کے، *وجہ* ہے کہ آپ props کو state میں کاپی کرنے سے بچتے ہیں، اور *وجہ* ہے کہ global stores مشترکہ ڈیٹا کو مرکزی کرتے ہیں۔

جب ڈیٹا کا ایک معتبر گھر ہو اور سب اس سے پڑھیں، تو آپ کا UI تعمیری طور پر مطابقت میں رہتا ہے۔