clojurescript - 使用 Reagent 时如何编写具有大量 (> 1000) 类似组件的 UI？

Question

假设我想制作一个由可编辑单元格组成的网格类型的 UI。在 OO 语言中，我会为单元格创建一个类，实例化所有单元格并将它们放在正确的位置，并使用它们的 x,y 属性。稍后我可能会将单元格拖放到各种容器中。

如果我将 Clojurescript 之类的函数式语言与 Re-frame、Reagent、React.js 框架堆栈一起使用，我将如何（概括地说）处理这样的设计？

对于我使用的标题问题：使用 Reagent 时如何编写具有大量（> 1000）类似组件的 UI？

Answer 1

就组件的视图组合而言，在父组件包含子组件的情况下，React 或 OO 框架（例如 Java Swing）之间没有太大区别。

你提到了重构。所以这里有一个 html 表格组件中的子组件示例：

https://github.com/yatesco/re-frame-stiching-together

您将需要使用可编辑的 html 组件而不是“仅查看”组件。

就实际创建组件而言，您可以从两个数字开始 - 列数和行数，然后使用range,map和into创建组件矩阵。