https://github.com/isuke/rails-react-sample
https://github.com/isuke/rails-react-sample
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/isuke/rails-react-sample
- Owner: isuke
- Created: 2023-01-27T17:25:45.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-27T17:48:40.000Z (over 3 years ago)
- Last Synced: 2025-02-06T06:44:34.634Z (over 1 year ago)
- Language: Ruby
- Size: 71.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Rails + React Sample
- Rails 7
- React 18.2
- webpack 5
- TypeScript
- System spec with capybara
## Development
```sh
$ bundle exec rails s
$ npm run dev
```
## Memo
```sh
$ 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
```