31、Web开发框架：React与Hotwire的深度剖析

Web开发框架：React与Hotwire的深度剖析

1. 代码片段与功能介绍

1.1 音乐会获取代码

concert: getConcert(
  scheduleStore.getState(),
  parsedData.concertId
),

这段代码的作用是创建一个通道，使用签名名称。当接收到数据时，数据会告知其类型，然后将该操作派发给具有正确ID的reducer。

1.2 React与Hotwire的对比

在开始相关实践时，对结果并没有明确预期。以下是两者的对比情况：
- 代码量 ：React需要更多的设置和样板代码。由于页面相对简单，React在两个页面上的代码量都更多，尤其是日程安排页面。而Hotwire版本在客户端所需的代码量极少，即使在多次实现音乐会页面（React、仅使用Stimulus、Hotwire）后，仍对此感到惊讶。
- DOM更新 ：在将值更改与更新DOM元素绑定方面，React的代码较少。当状态改变时，React会自动更新，而Hotwire需要显式触发（除了Stimulus的某些特殊值更改方法）。在某些情况下，Hotwire的更新代码可能会变得过于复杂。
- 性能方面 ：虽然在这个示例中性能可能不是问题，但在实际应用中可能会有所不同。React旨在使更新循环高效，而Hotwire进行大量客户端更新时可能效率较低。不过，这可能只是大多数项目中的理论问题。