Skip to content

Commit

Permalink
docs(suspensive.org): fix broken links
Browse files Browse the repository at this point in the history
  • Loading branch information
manudeli committed May 25, 2024
1 parent 1d9ecbc commit 9a64f22
Show file tree
Hide file tree
Showing 16 changed files with 21 additions and 21 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ npm install @suspensive/react @suspensive/react-query

### Motivation

With the [`<QueryErrorResetBoundary/>`](https://tanstack.com/query/v4/docs/reference/QueryErrorResetBoundary) component you can reset any query errors within the boundaries of the component. but If you use react-query with suspense continuously, Continuous repeating to use `<QueryErrorResetBoundary/>` + [`<ErrorBoundary/>`](/docs/react/ErrorBoundary) will be coded.
With the [`<QueryErrorResetBoundary/>`](https://tanstack.com/query/v4/docs/framework/react/reference/QueryErrorResetBoundary) component you can reset any query errors within the boundaries of the component. but If you use react-query with suspense continuously, Continuous repeating to use `<QueryErrorResetBoundary/>` + [`<ErrorBoundary/>`](/docs/react/ErrorBoundary) will be coded.

#### `<QueryErrorResetBoundary/>` + `<ErrorBoundary/>`

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ npm install @suspensive/react @suspensive/react-query

### 동기

[`<QueryErrorResetBoundary/>`](https://tanstack.com/query/v4/docs/reference/QueryErrorResetBoundary)를 사용하면 캐싱된 임의의 query error들을 reset할 수 있습니다. 하지만 react-query와 suspense를 계속 사용하면, `<QueryErrorResetBoundary/>` + [`<ErrorBoundary/>`](/docs/react/ErrorBoundary)를 계속 반복적으로 작성해야 합니다.
[`<QueryErrorResetBoundary/>`](https://tanstack.com/query/v4/docs/framework/react/reference/QueryErrorResetBoundary)를 사용하면 캐싱된 임의의 query error들을 reset할 수 있습니다. 하지만 react-query와 suspense를 계속 사용하면, `<QueryErrorResetBoundary/>` + [`<ErrorBoundary/>`](/docs/react/ErrorBoundary)를 계속 반복적으로 작성해야 합니다.

#### `<QueryErrorResetBoundary/>` + `<ErrorBoundary/>`

Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# SuspenseInfiniteQuery

Just as [`<SuspenseQuery/>`](./SuspenseQuery.ko.mdx) makes useSuspenseQuery easier to use in jsx, `<SuspenseInfiniteQuery/>` serves to make useSuspenseInfiniteQuery easier to use in jsx.
Just as [`<SuspenseQuery/>`](/docs/react-query/SuspenseQuery) makes useSuspenseQuery easier to use in jsx, `<SuspenseInfiniteQuery/>` serves to make useSuspenseInfiniteQuery easier to use in jsx.

```jsx /SuspenseInfiniteQuery/
import { SuspenseInfiniteQuery } from '@suspensive/react-query'
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# SuspenseInfiniteQuery

[`<SuspenseQuery/>`](./SuspenseQuery.ko.mdx)가 useSuspenseQuery를 jsx에서 쉽게 사용하게 하는 역할과 마찬가지로 `<SuspenseInfiniteQuery/>`는 useSuspenseInfiniteQuery를 jsx에서 사용하기 쉽게 하기 위한 역할을 합니다.
[`<SuspenseQuery/>`](/docs/react-query/SuspenseQuery)가 useSuspenseQuery를 jsx에서 쉽게 사용하게 하는 역할과 마찬가지로 `<SuspenseInfiniteQuery/>`는 useSuspenseInfiniteQuery를 jsx에서 사용하기 쉽게 하기 위한 역할을 합니다.

```jsx /SuspenseInfiniteQuery/
import { SuspenseInfiniteQuery } from '@suspensive/react-query'
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ npm install @suspensive/react-query @tanstack/react-query@4

<Callout type='info'>

@suspensive/react-query internally uses @tanstack/react-query v4 as peerDependencies. Therefore, make sure the correct version of @tanstack/react-query is installed in the dependencies of package.json. The reason is explained in [Why need to use?](./motivation).
@suspensive/react-query internally uses @tanstack/react-query v4 as peerDependencies. Therefore, make sure the correct version of @tanstack/react-query is installed in the dependencies of package.json. The reason is explained in [Why need to use?](/docs/react-query/motivation).

</Callout>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ npm install @suspensive/react-query @tanstack/react-query@4

<Callout type='info'>

@suspensive/react-query는 내부적으로 peerDependencies로 @tanstack/react-query v4를 사용합니다. 때문에 package.json의 dependencies에 @tanstack/react-query의 올바른 버전이 설치되어있는지 확인하세요. 이유는 [어떤 이유로 사용하나요?](./motivation)에서 설명하고 있습니다.
@suspensive/react-query는 내부적으로 peerDependencies로 @tanstack/react-query v4를 사용합니다. 때문에 package.json의 dependencies에 @tanstack/react-query의 올바른 버전이 설치되어있는지 확인하세요. 이유는 [어떤 이유로 사용하나요?](/docs/react-query/motivation)에서 설명하고 있습니다.

</Callout>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import { Steps } from 'nextra/components'
<Steps>
### Hooks for Suspense are also available in @tanstack/react-query v4 (as well as @tanstack/react-query v5)

[useSuspenseQuery](./useSuspenseQuery), [useSuspenseQueries](./useSuspenseQueries), and [useSuspenseInfiniteQuery](./useSuspenseInfiniteQuery), which were not originally available in @tanstack/react-query v4, can now be used. Currently, this hook is officially provided in @tanstack/react-query v5, making it a good alternative for migrating from @tanstack/react-query v4 to v5.
[useSuspenseQuery](/docs/react-query/useSuspenseQuery), [useSuspenseQueries](/docs/react-query/useSuspenseQueries), and [useSuspenseInfiniteQuery](/docs/react-query/useSuspenseInfiniteQuery), which were not originally available in @tanstack/react-query v4, can now be used. Currently, this hook is officially provided in @tanstack/react-query v5, making it a good alternative for migrating from @tanstack/react-query v4 to v5.

### Solution for [the issue of @tanstack/react-query v5 not being able to support lower version browsers due to es private field](https://github.com/TanStack/query/issues/6371#issuecomment-1810246027)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ import { Steps } from 'nextra/components'

### Hooks for Suspense를 @tanstack/react-query v4에서도 사용할 수 있습니다 (@tanstack/react-query v5에서 뿐 아니라)

@tanstack/react-query v4에서 원래 없던 [useSuspenseQuery](./useSuspenseQuery), [useSuspenseQueries](./useSuspenseQueries), [useSuspenseInfiniteQuery](./useSuspenseInfiniteQuery)를 사용할 수 있게 됩니다. 현재 이 훅은 @tanstack/react-query v5에서는 공식적으로 제공하기 때문에 @tanstack/react-query v4에서 v5로 마이그레이션하기 위한 좋은 대안이 됩니다.
@tanstack/react-query v4에서 원래 없던 [useSuspenseQuery](/docs/react-query/useSuspenseQuery), [useSuspenseQueries](/docs/react-query/useSuspenseQueries), [useSuspenseInfiniteQuery](/docs/react-query/useSuspenseInfiniteQuery)를 사용할 수 있게 됩니다. 현재 이 훅은 @tanstack/react-query v5에서는 공식적으로 제공하기 때문에 @tanstack/react-query v4에서 v5로 마이그레이션하기 위한 좋은 대안이 됩니다.

### @tanstack/react-query v5의 [es private field로 인해 저버전의 브라우저를 지원하지 못하는 문제](https://github.com/TanStack/query/issues/6371#issuecomment-1810246027)를 해결합니다

Expand Down
2 changes: 1 addition & 1 deletion docs/suspensive.org/src/pages/docs/react/Delay.en.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ const Example = () => (

Default ms

`<Delay/>` are more powerful when used with `<SuspensiveProvider/>`. Control multiple `<Delay/>`s default ms with `<SuspensiveProvider/>`. Details are introduced in [`<SuspensiveProvider/>` page](./SuspensiveProvider).
`<Delay/>` are more powerful when used with `<SuspensiveProvider/>`. Control multiple `<Delay/>`s default ms with `<SuspensiveProvider/>`. Details are introduced in [`<SuspensiveProvider/>` page](/docs/react/SuspensiveProvider).

</Callout>

Expand Down
2 changes: 1 addition & 1 deletion docs/suspensive.org/src/pages/docs/react/Delay.ko.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ const Example = () => (

Default ms

`<Delay/>``<SuspensiveProvider/>`와 함께 사용할 때 더욱 강력해집니다. `<SuspensiveProvider/>`를 사용하여 여러 `<Delay/>` default ms를 제어합니다. 자세한 내용은 [`<SuspensiveProvider/>` 페이지](./SuspensiveProvider)에 소개되어 있습니다.
`<Delay/>``<SuspensiveProvider/>`와 함께 사용할 때 더욱 강력해집니다. `<SuspensiveProvider/>`를 사용하여 여러 `<Delay/>` default ms를 제어합니다. 자세한 내용은 [`<SuspensiveProvider/>` 페이지](/docs/react/SuspensiveProvider)에 소개되어 있습니다.

</Callout>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -211,6 +211,6 @@ const SetErrorAfterFetch = () => {
Controlling multiple `<ErrorBoundary/>`s

`<ErrorBoundary/>` is more powerful when used with `<ErrorBoundaryGroup/>`. Control multiple `<ErrorBoundary/>`s with `<ErrorBoundaryGroup/>`.
Details are introduced in [`<ErrorBoundaryGroup/>` page](./ErrorBoundaryGroup).
Details are introduced in [`<ErrorBoundaryGroup/>` page](/docs/react/ErrorBoundaryGroup).

</Callout>
Original file line number Diff line number Diff line change
Expand Up @@ -211,6 +211,6 @@ const SetErrorAfterFetch = () => {
다수의 `<ErrorBoundary/>`를 제어하기

`<ErrorBoundary/>``<ErrorBoundaryGroup/>`과 사용하면 더 강력하게 사용할 수 있습니다. `<ErrorBoundaryGroup/>`로 다수의 `<ErrorBoundary/>`를 제어하세요.
자세한 내용은 [`<ErrorBoundaryGroup/>`페이지](./ErrorBoundaryGroup)에서 소개합니다.
자세한 내용은 [`<ErrorBoundaryGroup/>`페이지](/docs/react/ErrorBoundaryGroup)에서 소개합니다.

</Callout>
2 changes: 1 addition & 1 deletion docs/suspensive.org/src/pages/docs/react/Suspense.en.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ const Example = () => (
Default fallback

`<Suspense/>` are more powerful when used with `<SuspensiveProvider/>`.
Control multiple `<Suspense/>`s default fallback with `<SuspensiveProvider/>`. Details are introduced in [`<SuspensiveProvider/>` page](./SuspensiveProvider).
Control multiple `<Suspense/>`s default fallback with `<SuspensiveProvider/>`. Details are introduced in [`<SuspensiveProvider/>` page](/docs/react/SuspensiveProvider).

</Callout>

Expand Down
2 changes: 1 addition & 1 deletion docs/suspensive.org/src/pages/docs/react/Suspense.ko.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ const Example = () => (

Default fallback

`<Suspense/>``<SuspensiveProvider/>`와 함께 사용할 때 더욱 강력해집니다. `<SuspensiveProvider/>`를 사용하여 여러 `<Suspense/>`의 default fallback를 제어합니다. 자세한 내용은 [`<SuspensiveProvider/>` 페이지](./SuspensiveProvider)에 소개되어 있습니다.
`<Suspense/>``<SuspensiveProvider/>`와 함께 사용할 때 더욱 강력해집니다. `<SuspensiveProvider/>`를 사용하여 여러 `<Suspense/>`의 default fallback를 제어합니다. 자세한 내용은 [`<SuspensiveProvider/>` 페이지](/docs/react/SuspensiveProvider)에 소개되어 있습니다.

</Callout>

Expand Down
8 changes: 4 additions & 4 deletions docs/suspensive.org/src/pages/docs/react/migrate-to-v2.en.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

## What's new

### New [`<DevMode/>`](./react/DevMode) [#470](https://github.com/suspensive/react/pull/470)
### New [`<DevMode/>`](/docs/react/DevMode) [#470](https://github.com/suspensive/react/pull/470)

This is our new feature for DX with new `devMode` prop of `<Suspense/>`, `<ErrorBoundary/>`

Expand Down Expand Up @@ -34,7 +34,7 @@ const Example = () => {
}
```

### New [`wrap`](./react/wrap) builder [#270](https://github.com/suspensive/react/pull/270)
### New [`wrap`](/docs/react/wrap) builder [#270](https://github.com/suspensive/react/pull/270)

A new feature that wraps a component in `<Suspense/>`, `<ErrorBoundary/>`, and `<ErrorBoundaryGroup/>` all at once.

Expand Down Expand Up @@ -130,7 +130,7 @@ const Example = () => {
}
```

### New [`<ErrorBoundary.Consumer/>`](./react/ErrorBoundary), [`<ErrorBoundaryGroup.Consumer/>`](./react/ErrorBoundaryGroup) [#610](https://github.com/suspensive/react/pull/610)
### New [`<ErrorBoundary.Consumer/>`](/docs/react/ErrorBoundary), [`<ErrorBoundaryGroup.Consumer/>`](/docs/react/ErrorBoundaryGroup) [#610](https://github.com/suspensive/react/pull/610)

These components can be used to use `useErrorBoundary`, `useErrorBoundaryGroup` in jsx inlinely

Expand Down Expand Up @@ -180,7 +180,7 @@ So, you can split by two like this.

### Removed `withSuspense`, `withDelay`, `withErrorboundry`, `withErrorBoundaryGroup`

These all hocs can be replaced beautifully by new hoc builder [`wrap`](./react/wrap) in v2
These all hocs can be replaced beautifully by new hoc builder [`wrap`](/docs/react/wrap) in v2

```diff
+ import { wrap } from '@suspensive/react'
Expand Down
6 changes: 3 additions & 3 deletions docs/suspensive.org/src/pages/docs/react/migrate-to-v2.ko.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

## 새로운 기능

### 새로운 [`<DevMode/>`](./react/DevMode) [#470](https://github.com/suspensive/react/pull/470)
### 새로운 [`<DevMode/>`](/docs/react/DevMode) [#470](https://github.com/suspensive/react/pull/470)

이것은 DX를 위해 `<Suspense/>`, `<ErrorBoundary/>`의 새로운 `devMode` prop과 함께 사용하는 새로운 기능입니다.

Expand Down Expand Up @@ -34,7 +34,7 @@ const Example = () => {
}
```

### 새로운 [`wrap`](./react/wrap) 빌더 [#270](https://github.com/suspensive/react/pull/270)
### 새로운 [`wrap`](/docs/react/wrap) 빌더 [#270](https://github.com/suspensive/react/pull/270)

컴포넌트를 `<Suspense/>`, `<ErrorBoundary/>`, `<ErrorBoundaryGroup/>`으로 한번에 래핑하는 새로운 기능입니다.

Expand Down Expand Up @@ -130,7 +130,7 @@ const Example = () => {
}
```

### 새로운 [`<ErrorBoundary.Consumer/>`](./react/ErrorBoundary), [`<ErrorBoundaryGroup.Consumer/>`](./react/ErrorBoundaryGroup) 컴포넌트 [#610](https://github.com/suspensive/react/pull/610)
### 새로운 [`<ErrorBoundary.Consumer/>`](/docs/react/ErrorBoundary), [`<ErrorBoundaryGroup.Consumer/>`](/docs/react/ErrorBoundaryGroup) 컴포넌트 [#610](https://github.com/suspensive/react/pull/610)

이 컴포넌트는 jsx에서 `useErrorBoundary`, `useErrorBoundaryGroup`을 인라인으로 사용할 수 있습니다.

Expand Down

0 comments on commit 9a64f22

Please sign in to comment.