React Suspense

하위 항목의 데이터 로드가 완료될 때까지 대체 UI를 표시

<Suspense fallback={<Loading />}>
  <SomeComponent />
</Suspense>

image-20240128033324488

https://www.youtube.com/watch?v=nLF0n9SACd4

사용가능한 경우

• Relay, Nextjs와 같은 Suspense를 이용하는 프레임워크에서의 데이터 페칭

• lazy를 통한 레이지 로딩

• use훅을 통한 프로미스 값 읽기