리액트 쿼리 질문
299
작성한 질문수 19
Home에서 작성한 리액트 쿼리 컴포넌트 및 변수들 역할들이 제가 맞게 이해했는지 궁금한데요!
queryClient = new QueryClient() - 쿼리 클라이언트 초기화, 서버에서 동작하는데 클라이언트라는 의미가 어떤의미인지 잘 와닿지 않습니다. ㅠㅠ 여기서의 쿼리 클라이언트의 의미는 단순히 데이터를 담는 그릇이라고 봐도 될까요?
RQProvider.tsx에서
useState안 new QueryClient 리액트 쿼리 어플리케이션 초기화 및 리액트 쿼리 설정 -> 여기서는 데이터를 담는 그릇을 만들기보다는 리액트 쿼리 사용하기 위한 설정을 해주는 것인지?
queryClient.prefetchQuery - 쿼리 클라이언트에 SSR을 위해 프리페치를 해주는 함수
dehydrate() - 프리페치한 데이터를 클라이언트(브라우저)에서 하이드레이션하기위한 상태를 리턴하는 함수
HydrationBoundary - 리액트 쿼리 하이드레이션을 위한 컴포넌트, dehydrate()의 리턴값 dehydratedState를 기반으로 하이드레이션할지 말지 결정
답변 1
1
쿼리 클라이언트는 서버/클라이언트의 개념이 아닙니다. 리액트쿼리 동작을 수행하는 클라이언트라는 의미입니다.
RQProvider는 해당 컴포넌트 하위의 모든 자식 컴포넌트에서 react-query 기능을 사용할 수 있게 해줍니다.
prefetchQuery, dehydrate, HydrationBoundary 설명은 정확합니다. HydrationBoundary 내부에 useQuery들만 서버에서 받아온 SSR 값으로 dehydrate됩니다.
캡처링부분 질문있습니다.
0
74
2
깃에 소스코드를 찾을 수 없습니다.
0
113
2
useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩
0
98
1
import 파일 경로를 찾지 못 해서 에러가 발생합니다.
0
109
2
팔로우 추천 목록이 빈 배열로 들어옵니다.
0
130
1
게시물 업로드 시 userId가 undefined로 들어가는 오류
0
119
1
useSuspenseQuery 사용 시 SSR 401 이슈 관련
0
171
1
리액트 쿼리 useinfinitequery 무한스크롤 구현 시 페이지가 이동할 경우 데이터가 보존되게 할 수 있나요??
0
184
3
폴링이 필요없는 이유
0
93
2
next Request Memoization과 react cache
0
108
2
seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?
0
84
2
next.js 서버fetch 에러 fallback ui 구현 방법
0
173
2
프레임워크 여론 파악법
0
125
2
필터옵션이 많은 페이지에서 서버 fetch를 하는게 맞는걸까요??
0
103
2
서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.
0
102
2
template.tsx 내 서버fetch 응답값과 클라이언트 컴포넌트 상태값 싱크가 맞지 않는 이슈
0
66
2
Auth.js 사용 시 authorize 함수가 호출되지 않습니다
0
131
2
next.js 에서 로그인에 관하여
0
138
1
Next의 route handler에 대한 질문이 있습니다.
0
101
2
게시판 리스트 만들때 use client를 어디서부터 집어넣어야할지 모르겠습니다
0
98
2
프라이빗 폴더를 해야 하는 이유가 모호한 것 같아요.
0
85
2
vanilla-extract 못찾는 문제
0
230
2
fetch 캐싱과 revalidate 관련
0
84
2
강의 듣는 방법
0
104
2