Skip to content

Commit d0c79ec

Browse files
authored
Merge pull request #14 from manudeli/docs/suspense
docs: 커뮤니티 리소스 @suspensive/react-query와 v5에 추가된 관련 공식 api들 내용 업데이트
2 parents 21ab03d + a3832e6 commit d0c79ec

1 file changed

Lines changed: 40 additions & 0 deletions

File tree

README.md

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1266,6 +1266,46 @@ function App() {
12661266
7. MainComponent mount
12671267
```
12681268
1269+
- Tanstack React Query 공식문서의 Community Resources에서는 Suspense를 더 타입세이프하게 잘 사용하기 위해 [useSuspenseQuery](https://suspensive.org/ko/docs/react-query/src/useSuspenseQuery.i18n), [useSuspenseQueries](https://suspensive.org/ko/docs/react-query/src/useSuspenseQueries.i18n), [useSuspenseInfiniteQuery](https://suspensive.org/ko/docs/react-query/src/useSuspenseInfiniteQuery.i18n)를 제공하는 [@suspensive/react-query를 소개](https://tanstack.com/query/v4/docs/react/community/suspensive-react-query)하고 있다.
1270+
1271+
### AS IS (@tanstack/react-query)
1272+
1273+
```tsx
1274+
import { useQuery } from '@tanstack/react-query'
1275+
1276+
const Example = () => {
1277+
const query = useQuery({
1278+
queryKey,
1279+
queryFn,
1280+
suspense: true,
1281+
})
1282+
1283+
query.data // TData | undefined
1284+
1285+
if (query.isSuccess) {
1286+
query.data // TData
1287+
}
1288+
}
1289+
```
1290+
1291+
### TO BE (@suspensive/react-query)
1292+
1293+
```tsx
1294+
import { useSuspenseQuery } from '@suspensive/react-query'
1295+
1296+
const Example = () => {
1297+
const query = useSuspenseQuery({
1298+
queryKey,
1299+
queryFn,
1300+
}) // suspense: true가 기본입니다.
1301+
1302+
// isSuccess으로 type narrowing이 필요하지 않습니다.
1303+
query.data // TData
1304+
}
1305+
```
1306+
1307+
> suspensive/react-query의 훅(useSuspenseQuery, useSuspenseQueries, useSuspenseInfiniteQuery)은 @tanstack/react-query v5 alpha버전에 추가([관련 Pull Request](https://github.com/TanStack/query/pull/5739))되고 공식 API로 [이 페이지](https://tanstack.com/query/v5/docs/react/guides/suspense)에서 확인할 수 있습니다.
1308+
12691309
<br />
12701310
12711311
## Default Query Function

0 commit comments

Comments
 (0)