我主要专注于后台,尽管在技术上是全栈,具有react /Angular 经验,但不是前端专家.

假设我们正在设计一个简单的系统,涉及使用pub/sub消息传递系统的 checkout 系统.举个例子,我想到卡夫卡.

用户下订单-前往库存判断

对后台的这种工作流程非常熟悉.但这就是我挣扎的地方.

当DB中更新数据时,更新UI的最标准实践是什么?使用Kafka时,您通常不会从消费者那里得到回应,而只是您能够成功发布消息这一事实.

我发现的一些答案是民意调查API,直到得到想要的结果,在这种情况下,当用户下订单时,将民意调查库存数据,一旦这是良好的民意调查订单下的数据.使用React这样的东西.

想知道是否有更优雅的解决方案.

谢谢你们

推荐答案

在您的front-endback-end之间建立socket连接有一个有用的库可以帮助您,它名为Socket IO,它有服务器端和客户端版本,并支持多种编程语言(也支持reaction).甚至可以在数据库上设置更新触发器并使用socket连接来更新前端

Reactjs相关问答推荐

在react中向数组状态添加值时出错

导致useState中断的中断模式

react 挂钩-使用有效澄清

如何在物料界面react 的多选菜单中设置最大 Select 数限制

为什么react日历时间轴项Renderprops 不能与useState挂钩一起使用?

React-apexcharts 中的 Y 轴刻度不会动态更新符号

ReactJS 共享上下文

useEffect 和 ReactStrictMode

React中的功能性组件克隆优化

cypress `cy.now()` Type 'Promise' 没有调用签名

为什么 createSlice 中的 reducer 不能以不同的方式改变状态?

我正在try 将一组加载程序函数发送到我的路由,它抛出一个错误 Handler is not a funtion in a reactJs application

如何使用 React 在客户端获取 nestjs websocket 异常错误?

从其他组件切换 FieldSet

刷新页面时状态改变问题

ReactJs 行和列

如何根据react 中的 map 功能一次只打开一个弹出窗口?

在react 钩子中将数组添加到数组状态给出一个数字

axios post方法中的请求失败,状态码为500错误

在 Redux 中更新布尔状态时出错