Cad atá i selectors agus memoization i mbainistíocht stáit?

Question

Accepted Answer

Is é **selector** ná feidhm a **léann (díorthú) píosa sonraí ar leith ó an stáit**. Stóraigh **memoization** toradh selector ionas nach ríomhtar sé ach nuair a athraíonn a ionchur — tábhachtach do dhánmhaireacht nuair a dhéanann selectors obair chostasach nó chun athriastáil gan ghá a sheachaint.

## Selectors bunúsacha — foluain rochtain stáit

```js
// a selector knows HOW to pull a value out of the state shape
const selectUser = state => state.user;
const selectCartItems = state => state.cart.items;
const selectCartTotal = state =>
  state.cart.items.reduce((sum, i) => sum + i.price, 0); // derived
```

Lárnaíonn selectors eolas an struchtúir stáit — iarrann comhpháirteanna `selectCartTotal(state)` gan a fhios cá/conas atá sé stóráilte, agus dá n-athraíonn an cruth stáit, uasdátaíonn tú selector amháin, ní gach comhpháirt.

## An fhadhb: selectors díorthaithe ag ríomh arís ar gach glaoch

```js
const selectExpensiveList = state =>
  state.items.filter(i => i.active).sort(compareFn); // runs EVERY time, even if items didn't change
```

Selectoréachtain a chruthaíonn eagar/réad nua **thugann sé tagairt nua** ar gach glaoch — is féidir sé sin athriastáil gan ghá a bhrostú (feiceann React luach "nua") agus mearbhall an ríomh.

## An fhéidhmíochán: selectors meabhraithe (Reselect)

```js
import { createSelector } from "reselect"; // or RTK's createSelector

const selectActiveSorted = createSelector(
  [state => state.items],                       // input selector(s)
  (items) => items.filter(i => i.active).sort(compareFn) // recompute ONLY if items changed
);
```

Stóraigh `createSelector` an toradh agus ní-rerun an ríomh costasach ach nuair a athraíonn a ionchur (`state.items`) i ndáiríre — ar shlí eile, tugann sé an **tagairt chéanna**, ag cosc an chéile agus thúis-chóireáileachta thíos.

## Selectors a dhúnmhaoinithe

```js
const selectTotal = createSelector(
  [selectActiveSorted, selectTaxRate],          // build on other selectors
  (items, rate) => items.reduce((s, i) => s + i.price, 0) * (1 + rate)
);
```

Déanann selectors cumhacht, ag tógáil díorthaíochta casta ó phíosaí simplí, indíbhcheannaithe stóráilte.

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

Scaoileann selectors comhpháirteanna ó chruth an stáit (buachan i dtéarmaí inbhuanaitheachta) agus soláthraíonn siad áit amháin chun sonraí díorthaithe a chur in iúl.

Déanann memoization selectors díorthaithe éifeachtach — ag seachaint ríomh coibhéiseach arís agus arís eile, agus go príomha, ag filleadh tagairtí cobhsaí ionas nach athriastáil comhpháirteanna nasctha go gan ghá.

I bhfeidhmchláir Redux/NgRx, is uirlis ábhartha feidhmíochta agus ailtireachta iad selectors meabhraithe (Reselect/`createSelector`); cruthaíonn an smaoineamh ciotúsachta céanna `useMemo` agus `computed` áit eile.