TanStack-Query

placeholderData와 initialData의 공통점 placeholderData 와 initialData는 언뜻보면 용도가 비슷해보입니다. 둘 중 하나의 방법이 제공되면 쿼리가 로딩 상태가 아니라 바로 성공 상태로 전환됩니다. 그렇기 때문에 로딩없이 화면상 컨텐츠의 매끄러운 초기 진입이 가능하게 해줍니다. 둘 다 값을 반환하는 함수 또는 값 자체를 반환할 수 있습니다. 캐시에 데이터가 이미 있는 경우 둘 다 영향을 미치지 않습니다. 하지만 둘은 내부 동작이 다릅니다. *밑에서 observer 얘기가 계속 나올 것이기 때문에 observer 생성 과정에 대하여 간단하게만 알아둡시다. useQuery 호출 ▶ 쿼리 생성 ▶ observer 생성 및 observer mount 각각의 내부 동작 pla..

📖 react query의 staleTime과 cacheTime에 refetch 조건에 대한 이해가 필요하다고 생각하여 공식 문서 참고 및 여러 실험 후 기록해둡니다. 0. 옵저버(Observer)와 쿼리(Query) 가장 먼저 react-query의 핵심 개념 중 하나인 옵저버와 쿼리에 대해서 알아보겠습니다. 옵저버(Observer) 옵저버는 비동기 데이터 요청을 추적하고 업데이트를 처리하는 객체입니다. 쿼리의 상태 변화를 감지하고 변화 과정과 결과에 따라서 UI를 업데이트 시킬 수 있습니다. useQuery 훅을 사용하여 옵저버를 생성할 수 있습니다. 옵저버는 다음과 같은 속성을 가질 수 있습니다. isLoading : 캐시에 없는 비동기 데이터 요청이 진행 중인지 여부 isFetching: 비동기 ..