1. reactをrailsアプリに導入する

<注意点> rails newの時は以下のように書き込むこと

rails new my-app --skip-javascript

これは、Webpacker/Shakapackerをあとで自分でインストールするので、Railsのデフォルトで入り込むjavascript関連のファイルは不要でインストールしないようにしています。

デフォルトだとWebpackerが入り込んでしまう。

<shakapackerをインストール>

shakapackerをインストールします。

bundle add shakapacker --strict
rails shakapacker:install

<yarnのインストール>

Node.jsのインストールをした後に、yarnのインストールを実行します。

npm install --global yarn

yarnのバージョンもかきかえるよ!

<必要なパッケージをインストール>

yarn add react react-dom @babel/preset-react prop-types \\
css-loader style-loader mini-css-extract-plugin css-minimizer-webpack-plugin

この時に、package.jsonの中の、

"packageManager": "[email protected]",⬅︎ここを最新バージョンに切り替えておく!!

<package.jsonの編集>