어떤 이유로 사용하나요?
@suspensive/react-query는 아래와 같은 동기로 사용됩니다.
Hooks for Suspense를 @tanstack/react-query v4에서도 사용할 수 있습니다 (@tanstack/react-query v5에서 뿐 아니라)
@tanstack/react-query v4에서 원래 없던 useSuspenseQuery, useSuspenseQueries, useSuspenseInfiniteQuery를 사용할 수 있게 됩니다. 현재 이 훅은 @tanstack/react-query v5에서는 공식적으로 제공하기 때문에 @tanstack/react-query v4에서 v5로 마이그레이션하기 위한 좋은 대안이 됩니다.
@tanstack/react-query v5의 es private field로 인해 저버전의 브라우저를 지원하지 못하는 문제 (opens in a new tab)를 해결합니다
여전히 많은 곳에서 성능과 별개로 safari 12.1,13,14와 같은 낮은 버전의 브라우저 환경도 지원할 필요가 있습니다. 하지만 @tanstack/react-query v5의 브라우저 호환성은 safari>=15와 같은 높은 브라우저 환경을 타겟팅하고 있기 때문에 사용에 제한이 있을 수 있습니다.
이 경우 @suspensive/react-query는 @tanstack/react-query v4와 함께 사용해 @tanstack/react-query v5의 인터페이스를 사용할 수 있게 도와주는 좋은 대안이 되어줄 수 있습니다. (@suspensive/react-query는 내부적으로 @tanstack/react-query v4를 사용하기 때문에 낮은 버전 브라우저 지원을 유지하면서도 Suspense와 관련 훅을 지원할 수 있습니다.)
@tanstack/react-query v4 (opens in a new tab)과 @tanstack/react-query v5 (opens in a new tab) 브라우저 호환성
| TanStack Query 지원 브라우저 | v4 | v5 |
|---|---|---|
| Chrome | >= 73 | >= 91 |
| Firefox | >= 78 | >= 90 |
| Edge | >= 79 | >= 91 |
| Safari | >= 12.1 | >= 15 |
| iOS | >= 12.2 | >= 15 |
| Opera | >= 53 | >= 77 |
이 라이브러리는 현재 TanStack Query의 커뮤니티 리소스 (opens in a new tab)입니다.
TanStack 공식문서에 등록된 커뮤니티 리소스인 만큼 저희 Suspensive 메인테이너들은 지원을 아끼지 않고 있습니다.
공식문서를 통해 당신의 팀원들이 이해하기 쉬운 공식문서를 제공하고 있고 이슈가 있을 경우 신속하게 지원합니다. 따라서 @tanstack/react-query v4와 함께 프로덕션 레벨에서 팀 동료들과 사용할 수 있습니다.