React-Query (리액트 쿼리)

React 에서 원격 및 비동기 데이터를 관리하기 위한 라이브러리

API와 같은 다양한 데이터 소스에서 데이터를 더 쉽게 가져오고, 캐시하고, 동기화하고, 서버의 데이터를 업데이트할 수 있는 일련의 훅 및 유틸리티를 제공합니다.

React-Query를 사용하는 이유

대표적인 Redux, Mobx, Recoil 등의 상태관리 라이브러리는 클라이언트 상태와 서버 상태를 함께 담아두고 있는 경우가 대부분입니다. React-Query를 사용하면 클라이언트와 서버의 상태를 분리하여 관리할 수 있기 때문에 직관적이고 효율적인 관리가 가능합니다.

React-Query 장점

• 코드의 양이 적고 구조가 단순하여 유지보수가 용이합니다.
• 캐싱을 통해 애플리케이션의 속도를 향상시킵니다.
• 동일한 데이터에 대한 중복 요청을 제거합니다.
• 오래된 데이터의 상태를 파악하여 업데이트 합니다.
• 가비지 콜렉션을 이용하여 서버의 데이터 메모리를 관리합니다.
• React Hooks와 유사한 인터페이스를 제공합니다.
• 비동기 과정을 선언적으로 관리할 수 있습니다.

React-Query 기능

• 데이터 캐싱, 동기화, 업데이트 등
• 캐싱된 데이터 유지/관리