useQueries + suspense

YEONGHUN KO·2023년 11월 4일
0

REACT JS - PRACTICE

목록 보기
13/15
post-thumbnail
post-custom-banner

useQuery 와 suspense를 사용하면 순차적으로 api호출이 되기에 waterfall현상이 일어난다.

그래서 suspense fallback 이 계속 보여지는 현상이 생긴다.

이때 useQueries + suspense를 이용하면 병렬적으로 api호출이 가능하다.

** 참고로 컴포넌트 바깥에서 prefetch를 할 수 있는데, 이렇게 되면 컴포넌트가 랜더링 시점과 무관하게, 모듈링 파일이 다운되고 번들링 파일이 실행되는 시점에 데이터를 불러온다. 이걸 모듈 로딩이라고 한다.

출처 : https://velog.io/@jay/suspense-useQueries

profile
'과연 이게 최선일까?' 끊임없이 생각하기

0개의 댓글