node.js - 用户操作后使用 REST API 反应应用同步数据

Question

技术信息：前端的 ReactJS + Typescript。使用 nodeJS+express 构建的 REST API，将数据存储在 Cloud Firestore 数据库中。前端 React 应用程序使用 REST API 检索数据。

前端的状态管理：我目前正在使用 React 钩子进行状态管理。useContext 用于管理全局状态（用户/会话信息），而 useReducer 用于路由级别状态。useReducer 钩子由任何给定路由中的顶级组件调用。

请求建议：如果用户对 UI 执行操作，我想更新本地状态并立即在 UI 中显示适当的更改。我想确保将数据保存到我们的后端，并且仅在我们未能保存数据时显示错误消息。

1. 在这种情况下，处理数据同步的最无缝方式是什么？这里最好的建筑是什么？
2. 我应该从 reducer 的每个操作中调用 REST API 吗？
3. 在整个大型应用程序中实现这一点的最简洁方法是什么？我应该如何组织我的代码以进行数据同步？
4. 同样，如果我想在后端监听用户对象的变化，并使用 useContext 钩子重新加载存储在全局状态中的用户信息，我应该如何尝试这样做？

PS 我喜欢 Asana 无缝同步和保存数据的方式。我想知道如果我想获得无缝的体验，这里的最佳实践是什么。