画布库如何适应 Flux 模式和 React？

Posted 2023-02-22

【中文标题】画布库如何适应 Flux 模式和 React？

【英文标题】：How does a canvas library fit in the Flux Pattern and React?

【发布时间】：2015-07-23 02:07:51

【问题描述】：

我喜欢 Flux 如何专注于关注点分离和单向数据流，但这也让我想知道我应该如何合并像 fabricJS 这样的画布库。

FabricJS 在原生画布元素上创建对象模型以扩展和简化功能。我的问题是是否在 View（React 组件）中初始化 FabricJS 画布元素并直接在 View 中处理画布上的所有操作，并且只存储和更新画布状态或在查看然后将所有画布操作注册到 Store 并使用视图来调度操作？

【参考方案1】：

如果有更新，只需发送操作以存储和侦听画布的更改 - 更新画布。一切都在行动，行动调用存储它保存数据并发出更改。组件监听变化并更新它的状态和视图。