Menene sifofin concurrent kamar useTransition da useDeferredValue?

Question

Accepted Answer

Concurrent React zai iya **turawa, dakatar, da ba da fifiko** aikin fitar. Kuna saita wasu sabuntawa a matsayin **maidashi maidashi marfiye** don maidashi maidashi mahimmanci (kamar rubuta) su ci gaba da aiki tare da fitar nauyi na bakin ciki.

## 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
```

**Me ya sa haka ya taimaka:** yaduwa jere mai yawa kusan ajiya. Ba tare da canji ba, React zai toshe shigarwar yayin yi sabunta saduwa dubu-dubu jererako, saboda haka rubutawa zai ji lalacewa. Ta hanyar toshe sabuntawa kusan ajiya a `startTransition`, React yana kiyaye sabuntawa shigarwa matakin babbar jajirwa kuma zai iya **jefawa" fitar na gabatarwa idan kuka rubuta makullin waje — babu tsohuwar, rago.

## useDeferredValue

Mafi saukin hanyar lokacin da ba ku riace mai kaba — yana ba ka "jinkari" kwafi na daraja:

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

## Yaushe za a yi amfani

Bu da aikin "kusan ajiya, marfiye" UI sauye da hankali da saurin shigarwar mai amfani: neman-yayin-da-kuke-rubuta akan babbar bayanai, jujjuyan waje da kamata a fitar aiki mai nauyi, manyan teburin yaduwa/aje. Ga sauƙaƙe apps babu mahimmanci — suna kyallira lokacin yaduwa ya kasua gefen dago mai gami arziki.