This project used Rails7 and React. Bundler for esbuild.
- Rails 7
- esbuild
- React
- ubuntu: 22.04.3 LTS
- ruby: 3.2.2
- Rails: 7.1.2
- node.js: 21.1.0
- npm: 10.2.0
- mysql: 8.0.35-0ubuntu0.22.04.1 for Linux on x86_64
- Create Rails App
rails new my-app -j esbuild -d mysql
- React install
npm i react react-dom
- Change Package.json To rebundle everything when file changes are detected.
// ./package.json
"scripts": {
"build": "esbuild app/javascript/*.* --bundle --sourcemap --outdir=app/assets/builds --loader:.js=jsx",
"watch": "esbuild app/javascript/*.* --watch --bundle --outdir=app/assets/builds --loader:.js=jsx"
}
- Change Procfile.dev
// ./Procfile.dev
web: bin/rails s -p 3000
js: npm run watch
- Setting database
Set database user and password in ./config/database.yml to match your environment
- Start App!
$ bin/dev
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent