failed to load
- if (!data) return loading...
+ if (isLoading) return loading...
return hello {data.name}!
}
```
@@ -78,7 +78,7 @@ And a lot [more](/docs/getting-started).
failed to load
- if (!data) return loading...
+ if (isLoading) return loading...
return hello {data.name}!
}
```
diff --git a/pages/index.ja.mdx b/pages/index.ja.mdx
index 0010b17d..19e9d5e4 100644
--- a/pages/index.ja.mdx
+++ b/pages/index.ja.mdx
@@ -33,10 +33,10 @@ SWR は、まずキャッシュからデータを返し（stale）、次にフ
import useSWR from 'swr'
function Profile() {
- const { data, error } = useSWR('/api/user', fetcher)
+ const { data, error, isLoading } = useSWR('/api/user', fetcher)
if (error) return failed to load
- if (!data) return loading...
+ if (isLoading) return loading...
return hello {data.name}!
}
```
diff --git a/pages/index.ko.mdx b/pages/index.ko.mdx
index bb4dbda6..0307bdc0 100644
--- a/pages/index.ko.mdx
+++ b/pages/index.ko.mdx
@@ -31,10 +31,10 @@ SWR은 먼저 캐시(스태일)로부터 데이터를 반환한 후, fetch 요
import useSWR from 'swr'
function Profile() {
- const { data, error } = useSWR('/api/user', fetcher)
+ const { data, error, isLoading } = useSWR('/api/user', fetcher)
if (error) return failed to load
- if (!data) return loading...
+ if (isLoading) return loading...
return hello {data.name}!
}
```
@@ -78,7 +78,7 @@ SWR은 더 나은 경험을 구축할 수 있도록 속도, 정확성, 안정성
SWR
} - -- E a UI sempre será rápida e reativa. -
- [Comece a Usar](/docs/getting-started) · [Exemplos](/examples/basic) · [Blog](/blog/swr-v1) · [Repositório do GitHub](https://github.com/vercel/swr)
-
-
-## Visão geral
-
-```jsx
-import useSWR from 'swr'
-
-function Profile() {
- const { data, error } = useSWR('/api/user', fetcher)
-
- if (error) return falhou em carregar
- if (!data) return carregando...
- return Olá {data.name}!
-}
-```
-
-Nesse exemplo, o hook `useSWR` aceita uma string `key` e uma função `fetcher`. `key` é um identificador único do dado (normalmente a URL da API)
-e será passado para `fetcher`. `fetcher` pode ser qualquer função assíncrona que retorna o dado, você pode usar o fetch nativo ou ferramentas como Axios.
-
-O hook retorna 2 valores: `data` e `error`, baseado no status da solicitação.
-
-## Funcionalidades
-
-Com apenas uma linha de código, você pode simplificar a lógica de carregamento de dados em seu projeto, e também ter todas essas maravilhas prontas pra uso:
-
-- Obtenção de dados **rápida**, **leve** e **reutilizável**
-- **Cache** integrado e desduplicação de requisições
-- Experiência em **tempo-real**
-- Transporte e protocolo agnóstico
-- Suporte à SSR / ISR / SSG
-- Pronto para uso com TypeScript
-- React Native
-
-SWR abrange todos os aspectos de velocidade, correção e estabilidade para ajudá-lo a criar experiências melhores:
-
-- Navegação de páginas rápida
-- Pesquisa em intervalo
-- Dependência de dados
-- Revalidação ao focar
-- Revalidação ao recuperar conexão
-- Mutação local (UI otimista)
-- Retentativa inteligente
-- Recuperação de paginação e posição de scroll
-- React Suspense
-
-E muito [mais](/docs/getting-started).
-
-## Comunidade
-
-
-
-
-
-
SWR
} + ++ E a UI sempre será rápida e reativa. +
+ [Comece a Usar](/docs/getting-started) · [Exemplos](/examples/basic) · [Blog](/blog/swr-v1) · [Repositório do GitHub](https://github.com/vercel/swr)
+
+
+## Visão geral
+
+```jsx
+import useSWR from 'swr'
+
+function Profile() {
+ const { data, error, isLoading } = useSWR('/api/user', fetcher)
+
+ if (error) return falhou em carregar
+ if (isLoading) return carregando...
+ return Olá {data.name}!
+}
+```
+
+Nesse exemplo, o hook `useSWR` aceita uma string `key` e uma função `fetcher`. `key` é um identificador único do dado (normalmente a URL da API)
+e será passado para `fetcher`. `fetcher` pode ser qualquer função assíncrona que retorna o dado, você pode usar o fetch nativo ou ferramentas como Axios.
+
+O hook retorna 2 valores: `data` e `error`, baseado no status da solicitação.
+
+## Funcionalidades
+
+Com apenas uma linha de código, você pode simplificar a lógica de carregamento de dados em seu projeto, e também ter todas essas maravilhas prontas pra uso:
+
+- Obtenção de dados **rápida**, **leve** e **reutilizável**
+- **Cache** integrado e desduplicação de requisições
+- Experiência em **tempo-real**
+- Transporte e protocolo agnóstico
+- Suporte à SSR / ISR / SSG
+- Pronto para uso com TypeScript
+- React Native
+
+SWR abrange todos os aspectos de velocidade, correção e estabilidade para ajudá-lo a criar experiências melhores:
+
+- Navegação de páginas rápida
+- Pesquisa em intervalo
+- Dependência de dados
+- Revalidação ao focar
+- Revalidação ao recuperar conexão
+- Mutação local (UI otimista)
+- Retentativa inteligente
+- Recuperação de paginação e posição de scroll
+- React Suspense
+
+E muito [mais](/docs/getting-started).
+
+## Comunidade
+
+
+
+
+
+
ошибка загрузки
- if (!data) return загрузка...
+ if (isLoading) return загрузка...
return привет, {data.name}!
}
```
@@ -79,7 +79,7 @@ SWR охватывает все аспекты скорости, правиль
failed to load
- if (!data) return loading...
+ if (isLoading) return loading...
return hello {data.name}!
}
```
@@ -90,7 +90,7 @@ SWR 涵盖了性能，正确性和稳定性的各个方面，以帮你建立更
/>
-SWR 由 [Next.js](https://nextjs.org)（React 框架）背后的同一团队创建。
+SWR 由 [Next.js](https://nextjs.org)（React 框架）背后的同一团队创建。
在 Twitter 上关注 [@vercel](https://twitter.com/vercel) 未来项目更新
欢迎加入 [GitHub 上的讨论](https://github.com/vercel/swr/discussions)！
diff --git a/public/img/devtools/cache-view.jpg b/public/img/devtools/cache-view.jpg
new file mode 100644
index 00000000..738ea04b
Binary files /dev/null and b/public/img/devtools/cache-view.jpg differ
diff --git a/public/img/understanding/fallback.svg b/public/img/understanding/fallback.svg
new file mode 100644
index 00000000..a13aaabf
--- /dev/null
+++ b/public/img/understanding/fallback.svg
@@ -0,0 +1,16 @@
+
\ No newline at end of file
diff --git a/public/img/understanding/fetch-and-revalidate.svg b/public/img/understanding/fetch-and-revalidate.svg
new file mode 100644
index 00000000..75107487
--- /dev/null
+++ b/public/img/understanding/fetch-and-revalidate.svg
@@ -0,0 +1,16 @@
+
\ No newline at end of file
diff --git a/public/img/understanding/isloading.gif b/public/img/understanding/isloading.gif
new file mode 100644
index 00000000..3fc3c893
Binary files /dev/null and b/public/img/understanding/isloading.gif differ
diff --git a/public/img/understanding/key-change-fallback.svg b/public/img/understanding/key-change-fallback.svg
new file mode 100644
index 00000000..c2ed681b
--- /dev/null
+++ b/public/img/understanding/key-change-fallback.svg
@@ -0,0 +1,16 @@
+
\ No newline at end of file
diff --git a/public/img/understanding/key-change-previous-data-fallback.svg b/public/img/understanding/key-change-previous-data-fallback.svg
new file mode 100644
index 00000000..d7d176cb
--- /dev/null
+++ b/public/img/understanding/key-change-previous-data-fallback.svg
@@ -0,0 +1,16 @@
+
\ No newline at end of file
diff --git a/public/img/understanding/key-change-previous-data.svg b/public/img/understanding/key-change-previous-data.svg
new file mode 100644
index 00000000..a8120635
--- /dev/null
+++ b/public/img/understanding/key-change-previous-data.svg
@@ -0,0 +1,16 @@
+
\ No newline at end of file
diff --git a/public/img/understanding/key-change.svg b/public/img/understanding/key-change.svg
new file mode 100644
index 00000000..73dbacd0
--- /dev/null
+++ b/public/img/understanding/key-change.svg
@@ -0,0 +1,16 @@
+
\ No newline at end of file
diff --git a/public/video/optimistic-ui.mp4 b/public/video/optimistic-ui.mp4
new file mode 100644
index 00000000..d62ed646
Binary files /dev/null and b/public/video/optimistic-ui.mp4 differ