Rails-React-TypeScript-Docker Example

TL;DR

Here is an example application with the following modern web technology stacks. With this boilerplate, you can easily start to build your own app.

Ruby 2.7.0
Rails 6.0.0
React.js 16.10.2
TypeScript 3.6.3
Docker
PostgreSQL
CircleCI

Usage

$ git clone https://github.com/ohbarye/rails-react-typescript-docker-example.git && cd rails-react-typescript-docker-example

# Setup
$ docker-compose run frontend yarn
$ docker-compose run backend rake db:create

# Start
$ docker-compose up -d
$ open http://localhost:3000

Motivation

Nowadays, I feel like we need a wide range acknowledgment on web development even if we call ourselves "backend developer" or "frontend developer".

As for my experience, I've been a Rails engineer, I'm but recently working like kinda frontend developer because I spend all of my working time for building an SPA (single page application) built with React + TypeScript.

The SPA, Of course, has a backend API, Ruby on Rails connecting PostgreSQL in my case. I use Docker Compose for defining and running multi-container Docker applications because it's not much simple to bootstrap all of applications and middlewares.

Learning each technology itself is not a burden. I rather like learning. But I've thought I'd like to pursue my playground whose tech stacks are virtually same as ones I develop in work.

Further Details

Backend

The combination, Rails + PostgreSQL + Docker Compose, is just a result I followed Docker Compose's official instruction.

Frontend

Bootstrapped with create-react-app-typescript.