React 18의 동시성 기능 완전 정

React 18에서 가장 주목할 만한 변화는 동시성(Concurrency) 기능의 정식 도입입니다.

useTransition

UI를 블로킹하지 않고 상태 업데이트를 처리할 수 있습니다.

const [isPending, startTransition] = useTransition();
 
startTransition(() => {
  setSearchQuery(input);
});

Suspense

데이터 페칭과 코드 스플리팅을 우아하게 처리합니다.

<Suspense fallback={<Spinner />}>
  <SlowComponent />
</Suspense>