[REACT] ReactQuery

React-Query란?

👉🏻 React Query는 React Application에서 서버 상태를 불러오고, 캐싱하며, 지속적으로 동기화하고 업데이트하는 작업을 도와주는 라이브러리입니다.

 

 

React-Query의 장점

✔️ React 어플리케이션 내에서 데이터 패칭, 캐싱, 동기적, 그리고 서버의 상태의 업데이트를 좀 더 용이하기 위해 만들어준다.

✔️ 기존에는 직접 만들어서 사용했던 기능들을 별도의 옵션으로 지원하여 복잡하고 이해할 수 없는 수많은 코드를 대신 React-Query 로직을 통해 짧은 코드로 대체할 수 있게 되었다.

✔️ 프로젝트 구조가 기존보다 단순해져 애플리케이션을 유지 보수하기 쉽고, 새로운 기능을 쉽게 구축할 수 있다.

그 외에도 많은 장점이 있다.

→ useQuery, useMutation 등 React-query에서 제공하는 hook에는 정말 다양하고 개발자들을 편리하게 해주는 옵션들이 많다.

→ React Query는 별도의 설정 없이 즉시 사용 가능하다.

→ 캐싱을 효율적으로 관리해준다.

→ 같은 데이터에 대한 여러번의 요청이 있을 시 중복을 제거한다.

→ 백그라운드에서 알아서 오래된 데이터를 업데이트해준다.

→ 데이터 업데이트 시 최대한 빨리 반영한다.

→ 페이징처리, 지연 로딩 데이터와 같은 성능 최적화해준다.

→ 서버 쪽 데이터를 가비지 컬렉션을 이용하여 자동으로 메모리를 관리해준다.

→ 구조적 공유를 통해 쿼리의 결과를 기억해준다.

 

 

❤️ 도움주신분 :

https://velog.io/@devjooj/React-React-Query-%EC%82%AC%EC%9A%A9-%EC%9D%B4%EC%9C%A0-Queries-%EA%B0%9C%EB%85%90%ED%8E%B8