Cad is `useEffect` ann agus cathain a ritheann sé?

Question

Accepted Answer

`useEffect` a ritheann **side effects** — obair a bhíonn ag dul lasmuigh de dhréachtadh React, cosúil le sonraí a fhágáil isteach, foscriptíonn, timéadóirí, nó nuashonruithe DOM láimhe. Ritheann sé **tar éis** go ndéanann an comhpháirt dréachtadh, ag coimeád side effects as an gcomhlacht dréachtaithe (caithfidh dréachtadh a bheith glan).

## Rialann an raon spleáchais an tímeantóireacht

```jsx
useEffect(() => {
  document.title = `Count: ${count}`;
}, [count]); // ← dependency array
```

- **`[count]`** → ritheann tar éis an chéad dhréachtaithe agus nuair a athraithaigh `count`.
- **`[]`** (folamh) → ritheann **uair amháin** tar éis mount (go maith do shocrú aonuaire).
- **fágtha ar lár** → ritheann tar éis **gach** dréachtaithe (fíor-annamh a bhíonn uait).

## Glanadh: fill feidhm

Má shocraíonn éifeacht rud éigin a theastaíonn a bhreakdown, fill feidhm glanadh. Glaodh React a bhronnadh ar an chéad rith éifeachta eile agus nuair a bhíonn an comhpháirt gan fhastú:

```jsx
useEffect(() => {
  const id = setInterval(() => setN(n => n + 1), 1000);
  return () => clearInterval(id); // cleanup → prevents a leaked timer
}, []);
```

## Cén fáth a bhíonn glanadh tábhachtach

Gan é, chuirfeadh gach athrit timéadóir/foscríobhainn nua ar lorg agus níor bhog sé an tseancheann riamh — drip-dom cuimhne clasaiceach. Is í an timthriall do éifeacht `[dep]`: *éifeacht a rith → (dep athruithe) → glan a rith → éifeacht a rith arís*.

**Leid:** ná húsáid éifeachtaí do rudaí ar féidir leat a ríomh le linn dréachtaithe (díorthaigh luachanna ina ionad), agus cuir gach luach ar lorg an éifeachta sa raon spleáchais (cuidíonn an riail `react-hooks/exhaustive-deps` lint).