具有反应的嵌入式JavaScript小部件

Question

是否可以使用React JavaScript library创建可嵌入的JavaScript小部件，其中：

1. React库是＆＃34;嵌入＆＃34;在小部件中
2. 嵌入式React库的版本可能与加载小部件的页面上的React库不同，就像使用jQuery一样。

我正在寻找以下所述的功能：

• http://blog.swirrl.com/articles/creating-asynchronous-embeddable-javascript-widgets/
• http://shootitlive.com/2012/07/developing-an-embeddable-javascript-widget/

Answer 1

对于您提到的要求，最佳解决方案是browserify（或类似）。使用reactify转换，您可以让JSX到JS一步到位。 Browserify（和Webpack）是反应社区非常常见的，所以几乎所有的库都发布到npm以方便消费。

Browserify将您的JavaScript，您选择的React版本以及任何库打包到一个JS文件中，该文件不使用与页面上运行的其他代码冲突的全局变量或其他模式。

您还可以查看一些类似react-css的库，以将您的样式与页面样式隔离开来。样式也将在您的包中隔离。当然，如果页面的行为类似于div {margin: 1em}，那么唯一的解决方案就是iframe或网络组件。