Here is a just bootstrapped app built on Ruby on Rails + React.js + TypeScript + Docker Compose: https://github.com/ohbarye/rails-react-typescript-docker-example
With this boilerplate, you can quickly start to build your own app.
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.
Therefore, I built an example application with the following modern web technology stacks.
$ 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
Once I've got a playground, it's time to build something on the base. I hope that this would help other developers who have had concerns the same as mine.