Skip to content
Open
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: 2 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
[English](README.md) | [简体中文](README.zh-CN.md)

<img referrerpolicy="no-referrer-when-downgrade" src="https://static.scarf.sh/a.png?x-pxid=be2d8a11-9712-4c1d-9963-580b2d4fb133" />

<div align="center">
Expand Down
121 changes: 121 additions & 0 deletions README.zh-CN.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
[English](README.md) | 简体中文

<img referrerpolicy="no-referrer-when-downgrade" src="https://static.scarf.sh/a.png?x-pxid=be2d8a11-9712-4c1d-9963-580b2d4fb133" alt="" />

<div align="center">
<picture>
<source
media="(prefers-color-scheme: dark)"
srcset="https://tanstack.com/api/readme/query.png?theme=dark"
/>
<source
media="(prefers-color-scheme: light)"
srcset="https://tanstack.com/api/readme/query.png"
/>
<img
src="https://tanstack.com/api/readme/query.png"
alt="TanStack Query"
width="900"
/>
</picture>
</div>

<br />

<div align="center">
<a href="https://www.npmjs.com/package/@tanstack/query-core" target="_parent">
<img src="https://img.shields.io/npm/dm/@tanstack/query-core.svg" alt="npm downloads" />
</a>
<a href="https://github.com/TanStack/query/stargazers" target="_parent">
<img src="https://img.shields.io/github/stars/TanStack/query.svg?style=social&label=Star" alt="GitHub stars" />
</a>
<a href="https://bundlejs.com/?q=%40tanstack%2Freact-query&config=%7B%22esbuild%22%3A%7B%22external%22%3A%5B%22react%22%2C%22react-dom%22%5D%7D%7D&badge=" target="_parent">
<img src="https://deno.bundlejs.com/?q=@tanstack/react-query&config={%22esbuild%22:{%22external%22:[%22react%22,%22react-dom%22]}}&badge=detailed" alt="Bundle size" />
</a>
</div>

<div align="center">
<a href="#badge">
<img src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg" alt="semantic-release">
</a>
<a href="https://bestofjs.org/projects/tanstack-query"><img src="https://img.shields.io/endpoint?url=https://bestofjs-serverless.now.sh/api/project-badge?fullName=TanStack%2Fquery%26since=daily" alt="Best of JS" /></a>
<a href="https://twitter.com/tan_stack"><img src="https://img.shields.io/twitter/follow/tan_stack.svg?style=social" alt="Follow @TanStack"/></a>
</div>

<div align="center">

### [成为赞助商!](https://github.com/sponsors/tannerlinsley/)

</div>

# TanStack Query

一个异步状态管理库,用来简化服务端状态的获取、缓存、同步与更新。

- 与协议无关的数据获取(REST、GraphQL、Promise 等)
- 缓存、重新获取、分页与无限滚动
- 变更(mutation)、依赖查询与后台更新
- 预取、取消请求,以及 React Suspense 支持

## <a href="https://tanstack.com/query">阅读文档 →</b></a>

## 参与其中

- 欢迎提交 issue 和 pull request!
- 参与 [GitHub 讨论](https://github.com/TanStack/query/discussions)
- 在 [Discord](https://discord.com/invite/WrRKjPJ) 上与社区交流
- 开发环境搭建请见 [CONTRIBUTING.md](./CONTRIBUTING.md)

## 合作伙伴

<table align="center">
<tr>
<td>
<a href="https://www.coderabbit.ai/?via=tanstack&dub_id=aCcEEdAOqqutX6OS" >
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://tanstack.com/assets/coderabbit-dark-D643Zkrv.svg" />
<source media="(prefers-color-scheme: light)" srcset="https://tanstack.com/assets/coderabbit-light-CIzGLYU_.svg" />
<img src="https://tanstack.com/assets/coderabbit-light-CIzGLYU_.svg" height="40" alt="CodeRabbit" />
</picture>
</a>
</td>
<td>
<a href="https://www.cloudflare.com?utm_source=tanstack">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://tanstack.com/assets/cloudflare-white-Co-Tyjbl.svg" />
<source media="(prefers-color-scheme: light)" srcset="https://tanstack.com/assets/cloudflare-black-6Ojsn8yh.svg" />
<img src="https://tanstack.com/assets/cloudflare-white-Co-Tyjbl.svg" height="60" alt="Cloudflare" />
</picture>
</a>
</td>
</tr>
</table>

<div align="center">
<img src="./media/partner_logo.svg" alt="Query & you?" height="65">
<p>
我们正在寻找 TanStack Query 合作伙伴加入这项使命!与我们合作,一起拓展 TanStack Query 的边界,共同打造出色的产品。
</p>
<a href="mailto:partners@tanstack.com?subject=TanStack Query Partnership"><b>来聊聊</b></a>
</div>

</div>

## 探索 TanStack 生态

- <a href="https://github.com/tanstack/config"><b>TanStack Config</b></a> – JS/TS 包的工具链
- <a href="https://github.com/tanstack/db"><b>TanStack DB</b></a> – 响应式同步的客户端数据存储
- <a href="https://github.com/tanstack/devtools"><b>TanStack DevTools</b></a> – 统一的开发者工具面板
- <a href="https://github.com/tanstack/form"><b>TanStack Form</b></a> – 类型安全的表单状态
- <a href="https://github.com/tanstack/pacer"><b>TanStack Pacer</b></a> – 防抖、节流、批处理 <br/>
- <a href="https://github.com/tanstack/query"><b>TanStack Query</b></a> – 异步状态与缓存
- <a href="https://github.com/tanstack/ranger"><b>TanStack Ranger</b></a> – 范围与滑块基础组件
- <a href="https://github.com/tanstack/router"><b>TanStack Router</b></a> – 类型安全的路由、缓存与 URL 状态
- <a href="https://github.com/tanstack/router"><b>TanStack Start</b></a> – 全栈 SSR 与流式渲染
- <a href="https://github.com/tanstack/store"><b>TanStack Store</b></a> – 响应式数据存储
- <a href="https://github.com/tanstack/table"><b>TanStack Table</b></a> – 无头数据表格
- <a href="https://github.com/tanstack/virtual"><b>TanStack Virtual</b></a> – 虚拟化渲染

更多内容请见 <a href="https://tanstack.com"><b>TanStack.com »</b></a>

<!-- Use the force, Luke -->