React 애플리케이션에서 서버 state를 fetching, caching, synchronizing, updating 할 수 있도록
도와주는 라이브러리
React Query V3.
useQuery
React Query V4.
useQuery | TanStack Query Docs
설치
& npm i react-query
장점
- 서버 데이터 캐싱 (캐싱 되면 재 fetch을 할 필요가 없다.)
- 데이터 패칭 시 로딩, 에러 처리를 한 곳에서 처리 가능
- prefetching, retry 등 다양한 옵션
- 쉬운 상태 관리
React-Query의 라이프 사이클
- fetching - 데이터 요청 상태
- fresh - 데이터가 fresh한(만료되지 않은) 상태.
- 컴포넌트의 상태가 변경되더라도 데이터를 다시 요청하지 않는다.
- 새로고침 하면 다시 fetching 한다.