问题标签 [react.rb]

是否可以拥有 NPM/Webpack 包 Opal 和 Reactrb？我只想像这样安装 Reactrb：

NPM install Opal --save

NPM install Reactrb --save

然后require根据需要。

然后 ```webpack` 将 Reactrb 和 Opal corelib/stdlib 文件打包成少量的 JS 文件（而不是他们今天进来的近 200 个文件）

就我而言，我使用的是 Rails，因此 Sprockets 正在将 Ruby 编译为 JS，并且与 opal-rails Gem 一起工作得很好。我试图过去的是，这种方法会导致每次页面刷新（在开发期间）时下载超过 200 个文件。当我预编译资产时，Sprockets 当然会将所有这些编译到一个 JS 文件中，但我正在寻找一种通过 Webpack 实现这一点的方法，这样我就可以使用更少的 Opal 和 Reactrb JS 文件进行开发，并且只下载我自己的组件。页面刷新。

很高兴看到社区认证的方法。

谢谢！

所以，我基本上对整个 npm/react.js（更不用说 react.rb）生态系统还是很陌生，我想知道是否可以将 reactrb 与 gatsby 静态站点生成器一起使用。

我一直在尝试通过 opal-webpack 获得 opal/reactrb 支持，但遇到了一些问题（有关一些背景故事，请参阅此问题https://github.com/cj/opal-webpack/issues/36）。具体来说，我遇到困难的地方是试图让它与 bundler 一起玩得很好。

将 reactrb 组件与 gatsby 结合起来是否可行？我希望答案是肯定的。

我在将 react.rb 添加到我的项目时遇到了麻烦。

起初， 在完成所有添加步骤后reactive_rails_generator，我启动了我的应用程序，我收到了错误：

应用程序/视图/布局/网格/layout.html.erb:15：

我看到所有需要 gem 的 In Gemfile 来使用 react.rb

任何人都可以帮忙吗？

其次，我有一个 rake 任务消息：

register_mime_type请使用然后使用register_compressoror注册一个 mime 类型register_transformer。 https://github.com/rails/sprockets/blob/master/guides/extending_sprockets.md#supporting-all-versions-of-sprockets-in-processors （从 /Users/serzh/.rvm/gems/ruby 调用-2.3.1@global/gems/opal-0.8.0/lib/opal/sprockets/processor.rb:165) 弃用警告：Sprockets 方法register_engine已弃用。register_mime_type请使用然后使用register_compressoror注册一个 mime 类型register_transformer。 https://github.com/rails/sprockets/blob/master/guides/extending_sprockets.md#supporting-all-versions-of-sprockets-in-processors （从 /Users/serzh/.rvm/gems/ruby 调用-2.3.1@global/gems/opal-0.8.0/lib/opal/sprockets/processor.rb:166) 弃用警告：Sprockets 方法register_engine已弃用。register_mime_type请使用然后使用register_compressoror注册一个 mime 类型register_transformer。 https://github.com/rails/sprockets/blob/master/guides/extending_sprockets.md#supporting-all-versions-of-sprockets-in-processors （从 /Users/serzh/.rvm/gems/ruby 调用-2.3.1@global/gems/opal-0.8.0/lib/opal/sprockets/erb.rb:23)

我希望有人可以指出在顶级 Reactrb 组件中处理加载状态的最佳方法是通过 Reactive Record 延迟加载数据。

我的目标是让顶级组件显示等待状态，而其子组件获取他们需要渲染的数据，然后快速渲染整个组件。我不希望带有子组件的单独等待状态，因为当要加载大量数据时，这会产生“生涩”的体验。

如果你考虑这个例子：

我如何获得一切加载？检查所有帖子和所有评论是否已加载以便组件快速流畅地绘制的方法？

非常欢迎所有帮助。谢谢

你如何让 Synchromesh 更新 Reactive Record 关联？

如果考虑以下模型：

还有一个渲染所有帖子和评论的组件：

我看到的行为是对帖子或评论的任何更新都正确推送到客户端，并且组件正确呈现更新。

但是，如果创建了新事物（对于正在呈现的 Todo），新记录将作为推送通知到达，但事物列表不会动态更新。（页面刷新会呈现新事物）。

我曾尝试向 Todo 添加范围，但这并没有什么不同。

让 ReactiveRecord 和 Synchromesh 识别属于 Todo 的新事物的最佳方法是什么？

我只是想将ReactRB与反应记录一起使用。

所以我认为这笔交易是在渲染部分。当我param :user, type: User在React Component 类中设置时，我的表中看不到任何数据。当然 Model User 在 public 文件夹中，作为 ReactRB 中的这个要求。

好吧，在控制台中，我看到服务器没有获取任何内容，但返回了正确的数据。

我错过了什么？谢谢您的帮助！

答案的关键就 在这个截图中

详细信息是数据从服务器返回，因为 json blob 反应记录对其进行解码，但依赖于这样一个事实，即如果您尝试 json 解析一个简单的字符串，它会引发错误。opal 0.10 不再引发标准错误，所以整个事情就挂了。

在开发中启动 rails 时出现错误

它似乎来自一个链接： reception_index_url

耙路线显示

所以路线在那里，但我猜：client_id 是问题所在。我已添加mount HyperMesh::Engine => '/rr'到 routes.rb

我错过了什么？