"একক সত্যের উৎস" এর অর্থ কী?

Question

Accepted Answer

**একক সত্যের উৎস** মানে প্রতিটি ডেটা **ঠিক এক জায়গায়** সংরক্ষণ করা হয়, এবং যা কিছুর প্রয়োজন তা সেখান থেকে পড়ে — একাধিক কপি রাখার পরিবর্তে যা সিঙ্ক হতে পারে।

## এটি যে সমস্যা প্রতিরোধ করে: সদৃশ, বিচ্ছিন্ন অবস্থা

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

## এটি কেন গুরুত্বপূর্ণ

একক সত্যের উৎস হল নির্ভরযোগ্য অবস্থা ব্যবস্থাপনার একটি মৌলিক নীতি — এটি সদৃশ ডেটা বিচ্ছিন্ন হওয়া থেকে সৃষ্ট সম্পূর্ণ বাগের শ্রেণী দূর করে।

এটি *কেন* আপনি মান প্রাপ্ত করেন সংরক্ষণের পরিবর্তে, *কেন* আপনি props অবস্থায় অনুলিপি এড়িয়ে চলেন, এবং *কেন* বৈশ্বিক স্টোর ভাগ করা ডেটা কেন্দ্রীভূত করে।

যখন ডেটার একটি অনুমোদিত বাড়ি থাকে এবং সবকিছু এটি থেকে পড়ে, আপনার UI নির্মাণ দ্বারা সামঞ্জস্যপূর্ণ থাকে।