Next + React Query로 SNS 서비스 만들기

안녕하세요. 제로초입니다.

벌써 600분 넘게 구매해주셨네요. 감사합니다!!

이번 내용은 지난 번 보너스 영상의 보너스같은 것이라고 생각해주시면 됩니다.

React Query는 클라이언트쪽 라이브러리라서 Suspense로 감싸도 인식이 안 되고, 따로 isLoading이나 isPending, isError일 때 처리를 해주어야 한다고 말씀드렸는데요.

useQuery -> useSuspenseQuery, useInfiniteQuery -> useSuspenseInfiniteQuery로 변경하신다면(import도 필수!) Suspense fallback(또는 loading.tsx)에서 로딩, ErrorBoundary(또는 error.tsx)에서 에러 처리 가능합니다.

코드 중복 없이 이렇게 처리하는 게 깔끔할 것 같습니다. 보너스 영상 뒷 부분에 붙여넣어서 다시 올렸습니다.

감사합니다! Vanilla Extract 영상도 제작 중입니다! 따뜻한 연말 보내시길 바라요~