isuke/rails-react-sample

Rails + React Sample

• Rails 7
• React 18.2
• webpack 5
• TypeScript
• System spec with capybara

Development

$ bundle exec rails s
$ npm run dev

Memo

$ rails new \
  --skip-action-mailer \
  --skip-action-mailbox \
  --skip-action-text \
  --skip-active-job \
  --skip-active-storage \
  --skip-action-cable \
  --skip-asset-pipeline \
  --skip-javascript \
  --skip-hotwire \
  --skip-test \
  --skip-bundle \
  .

$ npm i react react-dom axios destyle.css
$ npm i -D \
  @types/react @types/react-dom \
  webpack webpack-cli webpack-dev-server \
  webpack-merge clean-webpack-plugin assets-webpack-plugin \
  typescript ts-loader \
  sass sass-loader css-loader style-loader \
  babel-loader \
  @babel/core @babel/preset-env @babel/preset-typescript

$ rm -rf app/assets app/helpers
$ mkdir -p app/frontend/{assets,components,styles}
$ mkdir public/dist
$ mkdir app/views/pages && touch app/views/pages/empty.html