Ruby on RailsにReactとReduxの環境を標準のWebpackで構築する - Qiita

概要 Ruby on Rails上でReactを利用する場合、通常はGemのWebpackerを利用します。 ただ、アセットパイプライン上でのビルドが遅かったり、 Webpackのカスタマイズ方法が特殊だったりで使いずらいので、 Gemを使わずに設定します。 今回は標準のWebpackを導入した上で、Reactとの繋ぎ込みを目的としています。 Rails側から呼び出すコンポーネントを管理したいため、 ストラクチャ設計が分かりやすいReduxのRe-ducksパターンを採用した方法で構築を行っていきます。 また、ReactとReduxについての設定方法がSPAを全体としたものが多いですが、 Railsに実装する場合は既存プロジェクトにページ毎にReactを使うことが多いため、 Railsでルーティングを管理する場合での使用方法を書いていきます。 スペック CentOS7 Ruby 2.7.1