Cad iad na gné-fhreagrachan comhuaineacha cosúil le useTransition agus useDeferredValue?

Question

Accepted Answer

Is féidir le Concurrent React **a bhriseadh, a stad, agus a thréimhsí** na hoibre a ionramháil. Marcáilíonn tú roinnt nuashonraithe mar **thairngreacha neamhdhóthain** ionas go bhfanann nuashonraithe práinneacha (cosúil le clóscríobh) iomaíoch fiú amháin agus athlonnú trom fúithi.

## useTransition

```jsx
const [isPending, startTransition] = useTransition();

function onChange(e) {
  setQuery(e.target.value);          // URGENT: keep the input snappy
  startTransition(() => {
    setResults(filterBigList(e.target.value)); // NON-URGENT: can be interrupted
  });
}
// isPending lets you show a subtle "updating…" indicator
```

**Cén fáth a chabhraíonn sé seo:** tá an fhiltiú ar liosta mór costasach. Gan tairngreach, chuirfeadh React bac ar an ionchur agus é a athghealadh mílte sraith, mar sin beidh mothú lag ar an chlóscríobh. Trí an nuashonrú costasach a dhófúntais in `startTransition`, coinníonn React na nuashonraithe ionchur ard-thréimshealbhú agus is féidir léi **a chaitheamh ar shiúl** rindreach fhiltiú i ndul ar aghaidh más rud é go scriobhann tú eochair eile — gan frámaí sean-nós, lag.

## useDeferredValue

Roghha níos simpli nuair nach iontu atá an socrú — tugann sé "moillithe" cóip den luach duit:

```jsx
const deferredQuery = useDeferredValue(query); // updates after urgent work settles
const results = useMemo(() => filterBigList(deferredQuery), [deferredQuery]);
```

## Cathain a úsáid

Úsáid siad seo do **nuashonraithe UI costasach, neamhdhóthain** atá tiomáinte ag ionchur úsáideora tapa: cuardach-mar-a-bhíonn-tú-a-chlóscríobh thar shonraí mór, soghluaistí a ghealadh ábhar trom, táblaí filteartha/sórtáilte mór. I bhapáistí simplí tá siad nach bhfuil riachtanach — soilsíonn siad nuair a bhíonn rindreach trom go leor chun lag ionchur infheidhmithe a chur ina bhun.