반응형
공식문서에 무려 Advanced SSR, (향상된 서버렌더링)이 있었다.
Advanced Server Rendering | TanStack Query React Docs
Welcome to the Advanced Server Rendering guide, where you will learn all about using React Query with streaming, Server Components and the Next.js app router. Before we start, let's note that while the initialData approach outlined in the SSR guide also wo
tanstack.com
일단 내가 느낀 것 요약함.
- prefetch를 통해 즉시 렌더링 하고 싶은 query 정보를 캐시에 데이터를 미리 로드하여 클라이언트 사이드에서 해당 데이터에 접근할 때 더 빠르게 사용 할 수 있게 도와준다.
- dehydrate: query 정보를 hydration 단계에서 사용할 수 있게 직렬화한다.
- 렌더링단계: RCC도 SSR된다. 클라이언트 컴포넌트에서 prefetch했던 query data를 사용하게 되면 캐시에 접근하여 즉시 가져온다.
- hydration: hydration 단계에서 dehydrate 했던 데이터를 이용하여 query 정보를 hydration 한다.
반응형
'개발 > react-query' 카테고리의 다른 글
| tanstack-query v5 업데이트 기능: useQuery에 onSuccess 삭제 (0) | 2024.06.11 |
|---|---|
| react-query v5에 useQuery의 onSuccess가 사라졌다. (1) | 2023.12.19 |
| refetch와 mutation의 캐시 동작 (0) | 2023.09.12 |
| react-query warning : query data cannot be undefined. please make sure to return a value other than undefined from your query function. (0) | 2022.11.19 |
| useMutation : mutate는 void, mutateAsync는 promise (0) | 2022.10.19 |
