서버사이드에서 prefetch한 데이터를 client side에서 update하거나 변경할 시, prefetch한 데이터와 변경한 데이터 간의 sync가 안 맞지 않을까? ⇒ 데이터를 변경한 뒤 invalidateQueries를 기존 캐시데이터를 최신 데이터로 업데이트 해주기 때문에 걱정 X // 하지만 만약, 서버컴포넌트에서 fetchQuery(prefetch와 다르게 return 값이 있는)로 fetch를 한 걸 서버컴포넌트에서도 렌더링하고, client 컴포넌트에서도 렌더링 한 뒤, staleTime이 만료되고(데이터가 신선하지 않고) + client측에서 그 데이터를 update하거나 변경하면, React-Query는 서버 컴포넌트의 데이터를 revalidate하지 못함. 따라서 이런 경우에는 절대 바뀌지 않을 데이터만 미리 fetch하여 dehydration 후 client로 넘겨야 함.

대분류
기술적 의사결정
기록일자
2024/04/27 13:54
소분류
통신
일정 분류
기록 전