rails-react-ts-sample

Rails × React × TypeScriptで何か作る際の雛形となるサンプルアプリ。

セットアップ

Railsアプリを作成（APIモード）

$ docker-compose run api rails new . --force --no-deps -d mysql --api

backend/config/databse.ymlを編集

default: &default
  adapter: mysql2
  encoding: utf8
  pool: <%= ENV.fetch('RAILS_MAX_THREADS') { 5 } %>
  username: root
  password: password
  host: db

development:
  <<: *default
  database: myapp_development

Reactアプリを作成

$ docker-compose build
$ docker-compose run front sh -c 'npx create-react-app react-app --template typescript'

コンテナを起動

$ docker-compose up -d
$ docker-compose run api bundle exec rake db:create

ブラウザを確認

「localhost:3000」「localhost:8000」へアクセスし、それぞれRailsアプリとReactアプリの画面が表示されていれば成功。

localhost:3000

localhost:8000