24.06.04 15:36 작성
·
137
0
Suspense로 Streaming하여 최적화하기(feat. loading.tsx, error.tsx)
해당 강의 예제 코드를 보려고 github에서 이리저리 굴러봐도 강의 예제코드와 동일한 코드가 보이지 않아서 질문 올리게 되었습니다.
혹시 suspense hook / reactQuery로 suspense 사용해보기에 관한 맛만 보여주시고 깃에서는 확인 불가능한걸까요?
답변 1
1
2024. 06. 04. 15:46
다양한 케이스가 있어서 직접 코드 수정해보시면서 비교하셔야 합니다. prefetchQuery도 써보시고 loading.tsx도 있다가 없다가 해보시고, useSuspenseQuery <-> useQuery간에도 전환해보세요. 결론은 강의 노트에 적어두었습니다.
결론적으로는 SSR을 위해 Suspense 없이 prefetchQuery 쓰시거나, SSR 필요없으시면 Suspense 없이 useQuery + isPending(로더) 쓰시면 됩니다.