#staletime

tanStack Query stailTime 설정에 대한 조언을 구합니다.

안녕하세요, 저는 이커머스 플랫폼에서 일하는 1년차 프론트엔드 주니어 개발자입니다. 현재 tanStack Query를 사용하여 데이터를 관리하고 있으며, staleTime 설정에 대해 고민이 많아 도움을 구하고자 글을 올립니다. 저희 플랫폼에서는 어드민 페이지에서 데이터를 생성합니다. 그러면 생성된 데이터는 바로 웹페이지에 보여야 합니다. 현재는 staleTime을 따로 설정하지 않아 바로바로 보이는 상황이나 네트워크 통신 최적화를 위해 staleTime을 설정하려고 합니다. 운영 시간은 두 가지로 나뉩니다: 09:00 ~ 23:00에는 상품 요청에 대한 응답이 빠르면 30초, 늦으면 5분 내로 처리되고, 나머지 시간에는 요청에 응답하지 않고 상품이 생성되지 않습니다. 이런 상황에서 staleTime을 어떻게 설정해야 효율적일까요? 1. 낮 시간(09:00 ~ 23:00)에는 데이터가 생성되는 주기가 짧으니, staleTime을 짧게 설정해야 할 것 같습니다. 2. 밤 시간(23:01 ~ 08:59)에는 데이터가 생성되지 않으니 staleTime을 길게 설정해도 무방해 보입니다. 하지만 이렇게 설정하면 낮 시간에 상품을 빠르게 생성하더라도 staleTime 내에 캐시가 갱신되지 않아 사용자에게 보이지 않는 문제가 발생할 수 있습니다. 이 문제를 해결하기 위해 invalidateQueries를 사용하거나 다른 방법이 있다면 조언 부탁드립니다. 이런 문제를 경험하신 분들은 어떻게 해결하셨는지 사례를 공유해주시면 감사하겠습니다. 답변 기다리겠습니다. 감사합니다! 🙏

리액트쿼리(useQuery) 질문이 있습니다.

개인 프로젝트에서 useQuery를 커스텀 훅으로 사용중입니다. (v5 사용중이며, staleTime과 gcTime은 기본값 사용중. staleTime 0, gcTime은 5분) 테스트를 위해 컴포넌트에서 자체 state를 변경했습니다. 리랜더링이 되기에 훅 안에 있는 useQuery도 다시 실행되는 걸 기대했습니다. 그런데 network탭을 보니 서버 요청이 안되더라구요..!(최초 요청 하나만 표시) 데이터가 stale한 상태에서 state변경시 useQuery는 데이터를 다시 fetch해와야하는 것 아닌가요~? 왜 이런지 궁금합니다..!

ReactQuery 사용 중에 url이 변경되는 경우, 자동으로 리페칭되나요?

회사에서 react query를 도입하는 중입니다. 기존 코드에서는 서로 다른 페이지에서 같은 api를 지속적으로 요청하여 데이터를 받아오고 있습니다. 받아오는 데이터가 변경이 거의 없는 데이터라서, react-query의 캐싱기능을 사용하여, 불필요한 api 요청을 방지하려고 했습니다. 그런데 개발자 도구 네트워크탭에서 확인해보니, 페이지 url 경로가 변경될 때마다, 데이터가 fresh 상태임에도 불구하고 계속하여 데이터를 요청하는 api를 보내고 있습니다. staleTime도 60분으로 설정했고, 데이터가 fresh 상태임도 확인해보았습니다. 혹시 옵션값과는 상관없이, url이 변경되었을 경우(ex localhost:3000/main -> /setting) 데이터 리페칭이 자동으로 일어나는 건가요? url이 변경되었을 때, 데이터가 fresh 상태라면 리페칭을 하지 않게 하고 싶습니다.