React-query :: api fetch 시 사용하는 라이브러리

React-query

: fetch, cache, synchronize, update(for server state)에 사용되는 라이브러리이다.

공식사이트

React Query

 

배경

server state 사용 시 발생할 수 있는 문제점은 다음과 같다.

• caching
• deduping(데이터 중복 제거)
• update "out of date" data / know when is it
• reflecting updates data
• pagination optimization, lazy loading data
• memory management, garbage collection

⇒ 이를 해결하기 위해 등장한 라이브러리가 react-query이다.

 

기본

설치

npm i react-query

구성

1. queries
2. mutations
3. query invalidation

 

기타

QueryClientProvider

queryClient와 어플리케이션을 연결해주는 역할을 한다.

• 속성
  • client (필수)
  • contextSharing (선택) : boolean
    • context sharing을 가능하게 할 것인지
    • default로 false

 

---

현재 정리한 것 빼고 나머지는 하면서 채우기로!