【问题标题】:Which JS frameworks besides React allow live-editing?除了 React,还有哪些 JS 框架允许实时编辑?
【发布时间】:2014-09-19 13:17:51
【问题描述】:

我最近实现了 live editing for React components,因此您可以编辑他们的标记和代码并在浏览器中显示更改,而无需重新加载或丢弃状态:

它工作在 Webpack Hot Module Replacement 之上(就像每个模块的 LiveReload),它修补组件的原型并强制重新渲染,React 可以优雅地完成,只更新更改的零件。

在我的理解中,只有当 UI 框架具有以下特点时,才能进行实时编辑 JS:

  • 其组件以可重用组件的形式鼓励模块化;
  • DOM 不会在更新时被丢弃;
  • 视图具有确定的生命周期,可以要求重新渲染。

除了 React 之外,还有其他 JS 框架可以满足这些要求吗?
在多大程度上可以实现 Angular、Meteor、Mithril 等的代码实时重载?

(依赖于 fb-flo 或 Light Table 等浏览器插件或作为调试器连接到 Chrome 的 Live JS Reload 超出了此问题的范围。我想知道纯 JS 解决方案.)

【问题讨论】:

  • 不确定是否使用任何框架,但可以使用括号 IDE 实时编辑。
  • @Ashok:我澄清了这个问题:我想知道不依赖浏览器插件并且不作为远程调试器连接的纯 JS 解决方案。
  • @Dan Meteor 0.9 允许这种行为
  • @Dan 他们仍在研究它,但他们已经对其进行了演示。如果您能够使用流星的 github 开发版本,您也许可以使用它。在此视频中进行了演示:youtube.com/watch?v=NBp72NFzHL0
  • @Dan 他们在视频中提到它将可用于模板、js 和其他客户端资产@2:03(即不刷新页面,只是为了清楚),它也是大约在 2:04 用模板演示

标签: javascript javascript-framework reactjs livereload


【解决方案1】:

一些允许实时编辑和实时编码的框架:

  • 流星0.9+
  • 反应

您还通过禁止连接到浏览器调试器的任何东西来严格限制问题,这实际上是完成实时编码的最佳方式。

【讨论】:

  • @onmouse:如果您想在您选择的编辑器中工作并且不想遇到奇怪的错误和崩溃,这不是最好的方式。此外,实时编辑通过调试器仅适用于修改现有方法 - 在其他情况下,系统无法知道如何正确“应用”更新。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-05-22
  • 1970-01-01
  • 2012-03-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多