WebpackでReactをビルドしたものをRailsでサーバサイドレンダリングする方法をまとめました。 Webpack側 $ npm i -D webpack babel babel-loader babel-core $ npm i -D babel-preset-react babel-preset-es2015 Reactのコンポーネントのテストを書く場合はreactとreact-domをインストールする必要があります。 そうでない場合はインストールしなくても、react-railsにこれらが含まれているので問題ありません。 Webpackの設定 Reactのコンポーネントをreactディレクトリに配置して、ビルドしたものはapp/assets/javascripts/componentsに出力されるようにします。 reactとreact-domはreact-railsのものを利用