README.md

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.