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 한다.