ruby-on-rails - 没有资产管道的 Ruby on rails 项目中的服务器端渲染反应组件

Question

我正在开发一个 Ruby on rails 4 项目，我们将 React/Redux 用于前端。我们使用 Webpack 和 gulp 来编译 javascript 和 css。我们根本不使用 rails Asset pipeline，它在配置中被禁用。所有资产都编译到公用文件夹并直接包含在视图中。现在所有反应组件都在客户端呈现。它有他自己的缺点，例如在 js 完全加载之前的视觉闪烁以及将初始道具从后端传递到前端的问题。有没有什么好方法可以在服务器端编译反应组件而不使用资产管道并直接从 Rails 视图传递道具？

Answer 1

我很确定http://reactrb.org会这样做，但它确实使用资产管道。webpack 组件被引入到 rails 端，然后自动构建包装器，以便您可以从客户端 ruby​​ 组件连接到 webpack 组件。

在https://gitter.im/reactrb/chat对此进行了很多讨论，但我不知道细节。

这里还有教程：​​http://tutorials.pluralsight.com/ruby-ruby-on-rails/reactrb-showcase也处理这个问题。

所以你可以使用http://reactrb.org或者通过阅读他们的代码来计算它。