设计/调试聚合物中复杂的数据绑定图



据我所知,大多数关于聚合物的演讲和资源都涵盖了相当琐碎的数据绑定情况。

然而,Polymer是一个强大的工具,原则上可以用来构建ide、WYSIWYG编辑器,甚至是简单的游戏;只要页面上的元素总数保持相当小(当然是<1000,但理想情况下是<100)。

然而,在这些示例中,数据绑定图可能变得非常复杂,单个事件(例如鼠标单击)的结果可能以难以理解的方式在绑定图中传播/回响。

所以,问题是,首先,是否有任何资源(视频/博客等)讨论这些类型的复杂场景的最佳实践等;第二,是否有可能有一个工具来生成绑定图的图形表示。理想情况下,这样的图形可以在页面中呈现,叠加在元素本身上。事实上,人们可以想象有一个"记录"功能,在事件期间跟踪数据传播,并生成一个GIF,显示数据在图中移动。

对于SO来说,这可能不是一个理想的问题,但它似乎也不是github上的一个问题。

这就是为什么你应该为复杂的应用程序使用外部状态管理框架,如redux的原因。
你可以使用聚合物还原行为这是一种简单的行为允许你与redux相互作用。

你基本上把你的组件分成了表示组件和容器组件。呈现的聚合物组件是你的叶片组件,不知道redux,只接受数据和发射事件。容器组件实现redux行为和状态更改的调度操作,并将数据传递给它们的子组件(通常是表示组件)。

状态是全局存储的,所有的状态修改都发生在简化程序中,你可以很容易地进行单元测试。优点是您可以使用redux-devtools来执行time travel debugging,并且还可以将您的状态可视化为图形

最新更新