reactjs - 在 Kafka 上 react GUI

Question

我正在尝试在 React 中构建一个实时 GUI 来监听 Kafka。我有几个关于最佳实践的问题。

我的架构是 Kafka > Websocket 服务器 > React App

假设我的订单主题有三个事件:

Order ( Value = 1 )
Order ( Value = 2 )
Order ( Value = 3 )

在我的网络应用程序上，我想显示一个按值(value)排序的 2 个最高值(value)订单的表格。

React 状态是执行此操作的最佳位置吗？当我们拥有 Kafka 的力量时，感觉就像数据库？

也许我在节点 websocket 服务器中执行此操作，在每个订单事件中，我从头开始重新考虑流以选择两个最大的订单并通过 websocket 重写？

也许我用 KSQL 来做这个。我认为即使在 table 上也无法执行订单。您只能按 ID 查找。

有什么想法吗？

Answer 1

理想情况下，您应该构建一个 KTable 来维护前 N 个条目的状态。然后你的 React 应用程序将使用交互式查询而不是 websocket 来获取所有键值对并对客户端进行排序。或者，您可以在自定义 Serde 中实现排序服务器端。