[React] React-Query(aka. Tanstack-Query)

2.23

 

TanStack | High Quality Open-Source Software for Web Developers

TanStack | High Quality Open-Source Software for Web Developers

 

 

React-Query (aka. Tanstack-Query) 

리액트쿼리는 서버 상태관리를 쉽게 하도록 도와주는 라이브러리로, 
서버 DB 연결 관리와 전역상태관리를 한 번에 해준다 !

(Redux 미들웨어이자, Redux Toolkit에 내장되어있는, Thunk의 대체재라고 할 수 있다. Thunk는 요새 안 쓰는 추세라고도 하고, 또 Thunk보다 React-Query 가 더 쉽다고 한다.)

 

 

* 리액트쿼리의 서버상태관리 용이성

- 다음의 4가지를 쉽게 해준다.

 

1. fetching : 서버에서 데이터 받아오기

2. caching : 서버에서 받아온 데이터를 따로 보관해서 동일한 데이터가 단 시간 내에 다시 필요할 시 서버요청없이 보관된 데이터에서 꺼내쓰기

3. synchronizing : 서버상의 데이터와 보관 중인 캐시 데이터(서버상태)를 동일하게 만들기 (동기화)

4. updating : 서버 데이터 변경 용이 (mutation & invalidateQueries)