📌 React-Query 란 / 대표 특징
React를 위한 강력하고 성능 좋은 데이터 동기화
"전역 상태"를 건드리지 않고 React 및 React Native 애플리케이션에서 데이터를 가져오고, 캐시하고, 업데이트합니다.
-
선언적 & 자동
데이터를 가져오는 로직을 손으로 작성하는 것은 끝났다. React Query에게
데이터를 가져올 위치와 데이터가 얼마나fresh해야 하는지 알려줘라.그러면
나머지는 자동으로 수행한다. React Query는 환경 설정 없이캐싱,백그라운드 업데이트및오래된 데이터를 처리합니다.
-
간단 & 친숙
promise 또는 async/await로 작업하는 방법을 알고 있다면 React Query를 사용하는 방법을 이미 알고 있는 것이다.
관리할 전역 상태, reducers, 정규화 시스템 또는 이해해야 할 무거운 환경 설정이 없다. 당신의 데이터를 resolve하는(또는 throws an error) 함수를 전달하기만 하면 나머지는 history다.
-
강력한 & 설정 가능한
React Query는 모든 use-case에 맞도록 knobs와 옵션을 사용하여 쿼리의 각 observer instance까지 구성할 수 있습니다.
전용 devtools, infinite-loading API 및 데이터 업데이트를 쉽게 만드는 일급 변형 도구와 함께 제공됩니다. 걱정하지 마세요. 모든 것이 성공을 위해 미리 구성되어 있습니다!
📌 적은 코드. Edge Cases 감소.
당신이 보통 썼던 코드의 아주 조금만 쓸 것이다. reducers, caching logic, timers, retry logic, 복잡한 async/await scripting(계속 진행할 수 있습니다...)을 쓰는 대신.
React Query를 사용할 때 작성하는 코드가 얼마나 적은지 or 얼마나 많은 코드를 삭제하는지에 대해 놀랄 것이다.
📌 One Dep, 모든 기능들.
React를 유일한 종속성으로 사용하는 React Query는 매우 단순하지만, 거의 모든 프로젝트에서 필요한 기능으로 전략적으로 가득 차 있다.
성공을 돕기 위해, 전투 경험으로 다져진 tool들로 꽉 채웠다.
- Backend agnostic
- 전용 Devtools
- 자동 Caching
- 자동 Refetching
- Window Focus Refetching
- Polling/Realtime Queries
- Parallel Queries (병렬 쿼리)
- Dependent(의존) Queries
- Mutations API
- 자동 Garbage Collection
- Paginated/Cursor Queries
- Load-More/Infinite Scroll Queries
- Scroll Recovery
- Request Cancellation(해제)
- Suspense Ready!
- Render-as-you-fetch (가져오는 대로 렌더링)
- Prefetching
- Variable-length Parallel Queries
- Offline Support
- SSR Support
- Data Selectors
참고
