AI 摘要：文章介绍了在前端数据管理中结合使用 Zustand 和 React Query 的方法。传统的 React Query 在处理复杂数据和乐观更新时存在效率低和错误率高的问题。通过使用 Zustand 代替 React Query 来托管数据，并建立数据映射表，可以简化数据更新逻辑和提高维护性。具体实现包括利用 Zustand 管理状态，通过 hooks 获取数据，以及在 store 的 fetch 方法中同步远程服务器数据。该方法在一个 RSS 信息流浏览器 Follow 中得到了应用。

innei.in

一种适用于 Zustand 和 React Query 的前端数据管理方式

在上面这篇文章中提到当 React Query 托管的数据过于复杂或者冗余的话，后续在前端做数据的乐观更新会变得非常复杂并且不可控。 [!NOTE] 乐观更新指，前端在进行数据操作时，通过 API 方式向服务器提交数据，之后数据在 UI 上的更新由前端提供，不需要等待服务器的响应。这样的方式对用户