Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

docs(suspensive.org): add punctuation marks to a document #1168

Merged
merged 3 commits into from
Aug 1, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/suspensive.org/src/pages/docs/jotai/Atom.ko.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ import { UserInfo, ShoppingCart } from '~/components'

const PaymentPage = () => (
<Suspense fallback={'pending...'}>
<UserInfo /> {/* UserInfo의 내부적으로 Suspense를 발생시키는 Async Atom을 사용하는지 예상하기 어렵습니다.*/}
<UserInfo /> {/* UserInfo의 내부적으로 Suspense를 발생시키는 Async Atom을 사용하는지 예상하기 어렵습니다. */}
<ShoppingCart /> {/* ShoppingCart의 내부적으로 Suspense를 발생시키는 Async Atom을 사용하는지 예상하기 어렵습니다. */}
</Suspense>
)
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Installation

@suspensive/jotai package lives in npm. To install the latest stable version, run the following command
@suspensive/jotai package lives in npm. To install the latest stable version, run the following command.

[![npm version](https://img.shields.io/npm/v/@suspensive/jotai?color=000&labelColor=000&logo=npm)](https://www.npmjs.com/package/@suspensive/jotai)

Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# 설치하기

@suspensive/jotai는 npm에 있습니다. 최신 안정버전을 설치하기 위해 아래 커맨드를 실행하세요
@suspensive/jotai는 npm에 있습니다. 최신 안정버전을 설치하기 위해 아래 커맨드를 실행하세요.

[![npm version](https://img.shields.io/npm/v/@suspensive/jotai?color=000&labelColor=000&logo=npm)](https://www.npmjs.com/package/@suspensive/jotai)

Expand Down
2 changes: 1 addition & 1 deletion docs/suspensive.org/src/pages/docs/migrate-to-v2.ko.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Suspensive v2에서 **호환성을 높이고 DX를 개선하는 데 중점을
<Card title="@suspensive/react-query v2 보기" href="/docs/react-query/migrate-to-v2" />
</Cards>

## 모든 Suspensive 기여자분들께 감사를 전합니다
## 모든 Suspensive 기여자분들께 감사를 전합니다.

Suspensive의 기여자가 있어서 이렇게 v2를 출시할 수 있었던 것 같습니다. 더 나은 라이브러리로 만들기 위해 함께 노력해주신 모든 분들 감사하고 앞으로도 잘 부탁드립니다.

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

<Callout type='experimental'>

`<SuspenseImage/>` is experimental feature, this interfaces could be changed
`<SuspenseImage/>` is experimental feature, this interfaces could be changed.

</Callout>

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

@suspensive/react-image package lives in npm. To install the latest stable version, run the following command
@suspensive/react-image package lives in npm. To install the latest stable version, run the following command.

[![npm version](https://img.shields.io/npm/v/@suspensive/react-image?color=000&labelColor=000&logo=npm&label=)](https://www.npmjs.com/package/@suspensive/react-image)

Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# 설치하기

@suspensive/react-image는 npm에 있습니다. 최신 안정버전을 설치하기 위해 아래 커맨드를 실행하세요
@suspensive/react-image는 npm에 있습니다. 최신 안정버전을 설치하기 위해 아래 커맨드를 실행하세요.

[![npm version](https://img.shields.io/npm/v/@suspensive/react-image?color=000&labelColor=000&logo=npm&label=)](https://www.npmjs.com/package/@suspensive/react-image)

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

### Check supported browsers

Suspensive Libraries are optimized for modern browsers. It is compatible with the following browsers config
Suspensive Libraries are optimized for modern browsers. It is compatible with the following browsers config.

<br />

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,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)
### Hooks for Suspense are also available in @tanstack/react-query v4. (as well as @tanstack/react-query 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.

Expand All @@ -23,7 +23,7 @@ Apart from performance, many places still need to support lower browser versions

![ES Private fields error](/img/react-query_private-class-fields-error.png)

- Please check [Why @tanstack/react-query v5 only support versions with high browser compatibility (es private field)](https://github.com/TanStack/query/issues/6371#issuecomment-1810246027)
- Please check [Why @tanstack/react-query v5 only support versions with high browser compatibility (es private field)](https://github.com/TanStack/query/issues/6371#issuecomment-1810246027).

![ES Private fields issue tkdodo comment](/img/react-query_private-class-fields-tkdodo-comment.png)

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

<Steps>

### Hooks for Suspense를 @tanstack/react-query v4에서도 사용할 수 있습니다 (@tanstack/react-query v5에서 뿐 아니라)
### Hooks for Suspense를 @tanstack/react-query v4에서도 사용할 수 있습니다. (@tanstack/react-query 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)를 해결합니다
### @tanstack/react-query v5의 [es private field로 인해 저버전의 브라우저를 지원하지 못하는 문제](https://github.com/TanStack/query/issues/6371#issuecomment-1810246027)를 해결합니다.

<Callout type='info'>

Expand All @@ -23,7 +23,7 @@ import { Steps } from 'nextra/components'

![ES Private fields error](/img/react-query_private-class-fields-error.png)

- [@tanstack/react-query v5 브라우저 호환성이 높은 버전만을 지원하는 이유(es private field)](https://github.com/TanStack/query/issues/6371#issuecomment-1810246027)를 확인하세요
- [@tanstack/react-query v5 브라우저 호환성이 높은 버전만을 지원하는 이유(es private field)](https://github.com/TanStack/query/issues/6371#issuecomment-1810246027)를 확인하세요.

![ES Private fields issue tkdodo comment](/img/react-query_private-class-fields-tkdodo-comment.png)

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 @@ -48,7 +48,7 @@ Default ms

### props.fallback

delay된 children 노출 전까지 보여줄 수 있는 fallback입니다
delay된 children 노출 전까지 보여줄 수 있는 fallback입니다.

```jsx /fallback/
import { Delay } from '@suspensive/react'
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import { Tabs } from 'nextra/components'

# ErrorBoundary

this component can handle any errors in children
this component can handle any errors in children.

### props.fallback

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 @@ -40,7 +40,7 @@ const Example = () => (
)
```

clientOnly prop을 사용하면 내부적으로 useIsClient훅을 사용하고 useIsClient는 useSyncExternalStore의 getSnapshot와 getServerSnapshot을 활용해 client임을 보장하고 있습니다
clientOnly prop을 사용하면 내부적으로 useIsClient훅을 사용하고 useIsClient는 useSyncExternalStore의 getSnapshot와 getServerSnapshot을 활용해 client임을 보장하고 있습니다.

```tsx /useIsClient/
const useIsClient = () => useSyncExternalStore(emptySubscribe, getSnapshot, getServerSnapshot)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import { Steps } from 'nextra/components'

### Check supported browsers

Suspensive Libraries are optimized for modern browsers. It is compatible with the following browsers config
Suspensive Libraries are optimized for modern browsers. It is compatible with the following browsers config.

<br />

Expand Down Expand Up @@ -47,7 +47,7 @@ Suspensive Libraries are optimized for modern browsers. It is compatible with th

### Add as Dependencies

@suspensive/react lives in npm. To install the latest stable version, run the following command
@suspensive/react lives in npm. To install the latest stable version, run the following command.

[![npm version](https://img.shields.io/npm/v/@suspensive/react?color=000&labelColor=000&logo=npm&label=)](https://www.npmjs.com/package/@suspensive/react)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ Suspensive 라이브러리는 모던 브라우저를 위해 최적화되었습

### 의존성 추가

@suspensive/react는 npm에 있습니다. 최신 안정버전을 설치하기 위해 아래 커맨드를 실행하세요
@suspensive/react는 npm에 있습니다. 최신 안정버전을 설치하기 위해 아래 커맨드를 실행하세요.

[![npm version](https://img.shields.io/npm/v/@suspensive/react?color=000&labelColor=000&logo=npm&label=)](https://www.npmjs.com/package/@suspensive/react)

Expand Down
Loading