React Query

React Query는 웹 애플리케이션에서 비동기 데이터를 가져오고, 관리하고, 업데이트하는 것을 간단하게 해주는 라이브러리다. React Query를 사용하면, 서버에서 데이터를 가져오기, 캐싱, 동기화 및 자동 업데이트를 처리할 수 있다.

클라이언트 상태(user input)와 서버 상태(database data)를 명확하게 구분하기 위해서 만들어진 라이브러리이다. 기존 상태 관리 라이브러리 (redux, recoil, ...)는 클라이언트 상태 작업에 적합하지만, 비동기 또는 서버 상태 작업에는 적합하지 않은 점들이 있다.

특징

• background fetching과 cache로 인한 렌더링 최적화
• 데이터 fetching과 update를 위한 간편한 Hooks (예: useQuery, useMutation)
• 같은 데이터에 대한 여러번의 요청이 있을 시 중복을 제거
• 오류 처리 및 로딩 상태 관리를 위한 간단한 API
• 페이지네이션 및 무한 스크롤 등의 복잡한 쿼리를 손쉽게 수행
• 전역 상태 관리가 필요하지 않은, 로컬 컴포넌트 상태 캐싱
• 서버 데이터의 변경사항을 주기적으로 리프레시(Polling)할 수 있는 기능