Conas a oibríonn React hooks i React Native?

Question

Accepted Answer

**Hooks** (useState, useEffect, useContext, agus níos mó) ná gné React do bhainistiú stáit agus droim ar ais-éifeachtaí i gcomhpháirteanna feidhmiúla — agus oibríonn siad ar an mbealach céanna i React Native. Tá tuiscint ar na príomhhooks riachtanach chun comhpháirteanna React Native a thógáil.

## useState — stáit

```jsx
const [count, setCount] = useState(0);     // state + setter; setting it re-renders
const [user, setUser] = useState(null);
```

## useEffect — droim ar ais-éifeachtaí

```jsx
// useEffect runs side effects (data fetching, subscriptions) after render
useEffect(() => {
  fetchData();                  // runs after render
  // optional CLEANUP (returned function) — runs on unmount / before re-running
  const sub = subscribe();
  return () => sub.unsubscribe();   // CLEAN UP (prevent leaks)
}, [dependency]);                    // dependency array → when to re-run
// → [] = run once on mount; [dep] = run when dep changes; none = every render
```

Láimhseálann `useEffect` droim ar ais-éifeachtaí (sonraí a fhiach, síntiúis, timéadóirí) le sraith spleáchais a rialú cathain a rithítear sé, agus feidhm ghlanadh roghnach (tábhachtach chun dríobála a chosc).

## Eile príomhhooks

```text
useContext → consume context (shared data without prop drilling)
useRef → a mutable reference that persists across renders (e.g. reference a component,
  store a value without re-rendering)
useMemo → memoize an expensive computed value (performance)
useCallback → memoize a function (avoid unnecessary re-creation/re-renders)
useReducer → manage complex state with a reducer
CUSTOM HOOKS → extract reusable stateful logic (e.g. useFetch, useAuth)
```

## Rialacha hooks

```text
⚠️ Only call hooks at the TOP LEVEL of a component (not in conditions/loops/nested functions)
⚠️ Only call hooks from React components or custom hooks
→ These rules ensure hooks work correctly (React relies on call order).
```

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

Tá tuiscint ar React hooks riachtanach do React Native toisc **gur iad hooks an gnáthbhealach chun stáit agus droim ar ais-éifeachtaí a bhainistiú i gcomhpháirteanna feidhmiúla**, ar an mbealach a thógtar aipeanna React Native nua-aimseartha, agus is gá a bheith ar eolas acu.

Oibríonn hooks go comhionann i React Native agus i React don ghréasán, rud a fhágann go bhfuil an t-eolas seo iontransdreamhilte go díreach. Is bunúsach **useState** (stáit a bhainistiú, atharraí a spreagadh) do chomhpháirt ar bith le sonraí ag athrú. Is spéisiúil go háirithe **useEffect**: láimhseálann sé **droim ar ais-éifeachtaí** (sonraí a fhiach, síntiúis, timéadóirí) le sraith spleáchais a rialú cathain a rithítear sé agus **feidhm ghlanadh roghnach** (ríthábhachtach chun dríobála a chosc trí dhíscobalaithe/ghlanadh) — is riachtanach tuiscint a bheith agat ar useEffect, ar a sraith spleáchais, agus ar ghlanadh toisc go bhíonn droim ar ais-éifeachtaí (ar nós sonraí a fhiach nuair a thosaíonn scáileán) coitianta agus cuireann earráidí i useEffect fabht (lúpai gan deireadh ó shpleáchais bhréagacha, dríobála ó ghlanadh ar iarraidh).

Tuiscint ar **eile príomhhooks** — useContext (sonraí roinnte a dhí gan drilli props), useRef (tagairtí foluain fhálraithiúla), useMemo/useCallback (meamrúchán do fheidhmíochta), useReducer (stáit chasta), agus **hooks saincheaptha** (loighic dhatha athúsáidte a bhaint amach cosúil le useFetch nó useAuth — patrún cumhachtach do athúsáid chóid) — clúdaíonn sé an bheartaim chun comhpháirteanna fíora a thógáil.

Tá tuiscint ar **rialacha hooks** (glaoigh ar an iad an barr leibhéal amháin agus ó chomhpháirteanna/hooks saincheaptha amháin, toisc go bhraithíonn React ar ord an glaoch) riachtanach chun fabht foluain a sheachaint.

Os rud é gur iad hooks an méanachas caighdeánach do stáit agus droim ar ais-éifeachtaí i gcomhpháirteanna feidhmiúla nua-aimseartha React Native (agus gur gluaiseann an t-eolas go díreach ó React don ghréasán), agus os rud é go bhfuil tuiscint ar na príomhhooks (go háirithe useState agus useEffect le glanadh) agus ar na rialacha riachtanach do chomhpháirteanna ceart a thógáil, is eolas React Native tábhachtach is minic a úsáidtear é — bunúsach chun comhpháirteanna React Native nua-aimseartha a thógáil, lárnach do stáit agus droim ar ais-éifeachtaí a bhainistiú, agus go díreach iontransdreamhilte ó React don ghréasán, scil bhunúsach do fhorbairt React Native.