React Query

React Query是一种用于获取、缓存、同步和更新服务器状态的工具库,它的功能与SWR更相似,但是功能要远比SWR库要更多。与Redux、MobX等管理客户端状态的工具库不同,React Query管理的是服务器端状态,这就要求React应用必须拥有与服务端进行交互的库,例如Axios或者fetch,但是对于用于执行AJAX访问的工具库,React Query并没有限制应用的选择,AJAX工具库只需要支持返回Promise对象即可,或者也可以是通过GraphQL来操作数据。

与SWR一样,React Query在React和React Native中都可以使用,并且也提供了对于Typescript的支持。但不同的是,React Query还提供了一套方便的Devtools。

要在项目中使用React Query,可以通过以下命令来完成安装。

npm i @tanstack/react-query
yarn add @tanstack/react-query

Tip

React Query在从v3升级到v4的时候,其库名称发生了变化,从react-query变成了@tanstack/react-query