FrontEnd/React

[React] React-Query 의 status 종류 정리

kangminhyuk1111 2023. 12. 20. 10:53

fresh - 기본적으로 서버에서 데이터를 불러왔을때 갓 가져온 데이터
react-query는 기본적으로 모든 값이 fresh가 아니다 라고 정의한다.
언제까지 fresh인지 개발자가 설정해야함
stale - 기회가 되면 항상 데이터를 새로 가져와라.
RQProvider에 있는 refetch~~ 를 통해서 다시 받아온다.
refetchOnWindowFocus - 다른 탭 갔다가 다시 돌아왔을때 t/f
refetchOmMount - 페이지를 이동했다던가 컴포넌트가 다시 리액트에 올라갈때 t/f
refetchOnReconnect - 인터넷 연결이 끊겼다가 다시 시작될 때 t/f
retry - 실패시에 몇번정도 더 시도할지
useQuery에서 따로 부여도 가능함
staleTime 옵션으로 fresh의 기한을 개발자가 지정 밀리세컨드 기준, Infinity 가능
cacheTime - gcTime 가비지 컬렉터 타임 - 기본 5분
Inactive - 사용하지 않는 데이터는 Inactive로 이동한다. 사용중인지 아닌지 판별함
gcTime? 안쓰는 데이터들을 자동으로 처리해줌
Inactive 상태일때 gcTime시작 gcTime은 무조건 staleTime보다 무조건 커야한다.
데이터를 재사용해서 자원을 아낀다 백엔드에 요청하는것도 모두 비용임
fetching - 데이터를 가져올때
paused - 잠깐 데이터를 가져오다가 멈추는 기능

반응형