TanStack Query

TanStack Query 란?

Server State간에 상호작용을 하는 라이브러리이다, 다시말해
local State 관리는 우리가 아는 전역관리 라이브러리(recoil, zustand, mobx...)으로
관리를 하고 기존에 있던 데이터를 캐싱해서 사용하거나 가져올때는 TanStack Query를 사용한다는 뜻이다.

useQuery

쉽게 말하자면 서버에서 데이터를 가져오는
Promise 기반 메소드(GET, POST 메소드가 이를 의미한다.)
그외 수정하거나 삭제할때는 Mutations를 사용한다.

Query Keys

쿼리키는 쿼리함수를 사용할때 중요한 열쇠가 된다, 다시말해 이 키로 구별을 해서 사용한다는 뜻이다.
key는 배열로 [] 나타내면
원소로는 객체가 올 수 있고 그외에 원시형 변수가 올 수 있다.

queryFn

필자는 이렇게 사용했다.
예시)

useMutation

데이터를 생성 / 업데이트 / 삭제 할때 또는
서버 사이드 효과를 수행할때 사용한다.

출처: https://medium.com/found-engineering/react-query-react-native-a-love-story-at-found-c1fa06093506

출처: https://tanstack.com/query/latest/docs/framework/react/guides/important-defaults