TanStack Query 是否取代了 Redux、MobX 或其他全局状态管理器？

嗯，让我们从几个重要的项目开始

• TanStack Query 是一个服务器状态库，负责管理服务器和客户端之间的异步操作
• Redux、MobX、Zustand 等是客户端状态库，它们可以用于存储异步数据，尽管与 TanStack Query 等工具相比效率较低

考虑到这些，简短的回答是 TanStack Query 取代了用于在客户端状态中管理缓存数据的样板代码和相关连接，并用几行代码取代了它。

对于绝大多数应用程序来说，在将所有异步代码迁移到 TanStack Query 之后，真正全局可访问的客户端状态通常非常小。

在某些情况下，应用程序可能确实拥有大量的同步客户端状态（例如视觉设计器或音乐制作应用程序），在这种情况下，您可能仍需要客户端状态管理器。在这种情况下，重要的是要注意 **TanStack Query 不是本地/客户端状态管理的替代品**。但是，您可以在几乎所有客户端状态管理器与 TanStack Query 一起使用，不会有问题。

这里我们有一些由全局状态库管理的“全局”状态

const globalState = {
  projects,
  teams,
  tasks,
  users,
  themeMode,
  sidebarStatus,
}

const globalState = {
  projects,
  teams,
  tasks,
  users,
  themeMode,
  sidebarStatus,
}

目前，全局状态管理器正在缓存 4 种类型的服务器状态：项目、团队、任务 和 用户。如果我们将这些服务器状态资产移至 TanStack Query，那么我们剩余的全局状态将更像这样

const globalState = {
  themeMode,
  sidebarStatus,
}

const globalState = {
  themeMode,
  sidebarStatus,
}

这也意味着，通过几次对 useQuery 和 useMutation 的函数调用，我们还可以移除用于管理服务器状态的任何样板代码，例如

• 连接器
• Action Creators
• 中间件
• Reducers
• 加载/错误/结果状态
• 上下文

移除了所有这些东西后，您可能会问自己，“为了这个微小的全局状态，值得继续使用我们的客户端状态管理器吗？”

这取决于您！

但 TanStack Query 的作用很明确。它从您的应用程序中删除了异步连接和样板代码，并用几行代码取代了它。

还在等什么，快试试吧！