Cad staid dhíorthaithe ann agus cén fáth ar chóir duit a bheith ag seachaint a dhúblú?

Question

Accepted Answer

**Staid dhíorthaithe** is luach ar bith is féidir leat a **ríomh ó staid atá ann cheana** ionas nach gá duit a stóráil ar leith. An prionsabal: más féidir leat é a ríomh, ná stóraigh é — díorthaigh é ar gach uachtar. Stóráil a dhéanamh ar luachanna is féidir a dhíorthú tugann deis dóibh a bheith as sioncronú.

## An patrún droichealach: stóráil a dhéanamh ar rud is féidir leat a ríomh

```jsx
// ❌ storing a derived value as separate state
function Cart() {
  const [items, setItems] = useState([]);
  const [total, setTotal] = useState(0); // DUPLICATE — derivable from items

function addItem(item) {
    setItems([...items, item]);
    setTotal(total + item.price); // must remember to update total too — easy to forget 🐛
  }
}
```

Anois is dara cóip eolais atá in `total` a bhí ann cheana in `items`. Caithfidh gach athrú ar `items` *freisin* `total` a thabhairt cothrom le dáta, agus sa bhit ar dhéan tú dearmad air (baint amach, athrú ar chainníochta), níl siad ag teacht ar aon tuairim agus taispeáineann an UI an iomlán mícheart.

## An fheirm: díorthaigh ar uachtar

```jsx
// ✅ compute total from items — always correct, never out of sync
function Cart() {
  const [items, setItems] = useState([]);
  const total = items.reduce((sum, i) => sum + i.price, 0); // derived each render

function addItem(item) {
    setItems([...items, item]); // ONE update; total recomputes automatically
  }
}
```

Le `total` díorthaithe, níl aon rud breise ann a choimeád i sioncronú — athrú ar `items` agus tá an iomlán i gcónaí ceart.

## Meabhrúchán má tá an ríomh daor

```jsx
const sortedFiltered = useMemo(
  () => items.filter(i => i.active).sort(compareFn), // expensive derivation
  [items]                                            // recompute only when items change
);
```

Do dhíorthuithe trom (scagairí/sórtanna móra), cuireann `useMemo`/`computed`/selectors an toradh i dtaisce ionas nach n-athríomhtar é ach amháin nuair a athraíonn na spleáchais — ach tá sé fós *díorthaithe*, gan stóráil mar staid neamhspleách.

## Luachanna díorthaithe coitianta

```text
Totals/counts, filtered or sorted lists, fullName from first+last,
isValid from form fields, formatted/displayed strings, "is everything selected?"
```

## Cén fáth a bhfuil sé tábhachtach

Neamh-dhúbláil an tstaideachta díorthaithe is iarratas díreach ar an bhfoinse aonair an fhírinne — cuireann sé deireadh ar rang iomlán de mhílbhuganna ina gcoimhlíonann na cóipeanna.

An riail "díorthaigh, ná stóraigh" a choinníonn do staid íosta agus do UI comhsheasmhach trí thógáil.

Aithint ar rud is féidir a dhíorthú (agus tarraingt ar `useMemo`/computed/selectors le haghaidh feidhmíochta amháin, riamh chun dara fhoinse an fhírinne a chruthú) is comhartha de dhearadh staide geal, frithbhuganna-fhulangach.