Apa iku fitur concurrent kayata useTransition lan useDeferredValue?

Question

Accepted Answer

Concurrent React bisa **nggedhekna, ngenteni, lan ngedolyake prioritas** karya rendering. Sampeyan tandakna sawetara update minangka **non-urgent transitions** supaya urgent updates (kayata ngetik) tetep responsif sanajan heavy re-render ana ing antrian.

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

**Apa iki mbantu:** nyaring dhaptar gedhé iku mahal. Tanpa transition, React bakal ngalangi input nalika re-render ribuan baris, dadi ngetik krasa lethot. Kanthi apik-apal update sing mahal ing `startTransition`, React njaga update input prioritas dhuwur lan bisa **mbuwang» render filter sing lagi berlangsung yen sampeyan ngetik tuts liya — ora ana frame sing basi, janky.

## useDeferredValue

Alternatif sing luwih prasaja yen sampeyan ora ngontrol setter — iku menehi sampeyan salinan "lagi anggon:"

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

## Kapan nganggo

Gunakake iki kanggo **expensive, non-urgent UI updates** didorong dening fast user input: search-as-you-type liwat dataset gedhé, switch tab sing render konten abot, tabel gedhé sing disaring/sorted. Kanggo app prasaja iku ora perlu — padha thukul yen render cukup abot kanggo nyebabake input lag sing katon.