[React] React Query

React Query

 

기존 미들웨어의 한계

다른 서버와의 API 통신 및 비동기 데이터 관리를 위해 thunk, saga 와 같은 미들웨어를 채택해서 사용할 수 있으나, 다음과 같은 문제점이 있음.

1. 보일러 플레이트 : 코드량이 너무 많음

2. 규격화 문제: Redux가 비동기 데이터를 관리하는 전문 라이브러리가 아님.

 

리액트 쿼리의 강점

1. 보일러 플레이트 만들다 오류 날 일이 없음.

2. 휴먼에러를 줄인다.

3. 사용방법이 기존 thunk 대비 쉬움.

 

---

 

Query

어떤 데이터에 대한 요청을 의마한다.

 

Mutation

데이터 그룹 그 자체를 변경하는 것으로, 여기서 변경은 추가 수정 삭제 즉 CUD 에 해당한다.

 

Query Invalidataion

Query를 Invalidation, 즉 무효화 시킨다는 것으로 데이터에 변경이 있을 시 (최신 상태가 아닐 때) 기존의 쿼리를 무효화 시키고 최신화 시켜야 함. 이 과정을 React Query 는 알아서 해줌.

 

---