"แหล่งเดียวของความจริง" หมายถึงอะไร?

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 ลงในสถานะ และ *เหตุผล* ที่สต็อร์ส global รวมศูนย์ข้อมูลร่วม

เมื่อข้อมูลมีบ้านหลักที่มีอำนาจและทุกสิ่งจะอ่านจากที่นั่น UI ของคุณจะคงความสอดคล้องตามการออกแบบ