React Query is often described as the missing data-fetching library for React, but in more technical terms, it makes fetching, caching, synchronizing and updating server state in your React applications a breeze.
리액트 쿼리는 fetching뿐만 아니라 캐싱, 동기화, 서버상태 업데이트와 같은 것을 하게 해준다.
While most traditional state management libraries are great for working with client state, they are not so great at working with async or server state. This is because server state is totally different.
대부분 상태 관리라이브러리(Redux, Mobx.. 등)은 client state에 적합하고 server state에 적합하지 않다!
server state의 특징
control할 수 없는 곳에서 원격으로 다뤄진다.
fetching and updating에 비동기 API가 필요하다.
다른 사람에 의해 상태가 변경될 수 있다. (sahred ownership)
주의하지 않으면 오래된(out of date) 데이터일 수 있다.
React Query is hands down one of the best libraries for managing server state.
리액트 쿼리는 server state 관리하는 데 최고의 라이브러리이다!
리액트 쿼리의 3가지 핵심 개념
Queries (서버에서 데이터 가져올 때 사용) - useQuery()
Mutations (데이터를 생성/업데이트/삭제 할 때 사용) - useMutation()
Query Invalidation (오래된 데이터 무효화) - queryClient.invalidateQueroes()
리액트 쿼리에 대해 더 알고 싶다면? https://www.inforum.me/memos/227
참고