Your React.js environment in just one command using create-react-app, docker and yarn.

Install docker in your host machine:

• Follow Docker installation guide: https://docs.docker.com/engine/installation

Install docker-compose in your host machine (only for linux users as docker-compose come preinstalled in Docker for Windows, Docker for Mac and Docker toolbox).

• Follow Docker-compose installation guide: https://github.com/docker/compose/releases

Extra recommended optional step for allowing linux non-root users to run docker commands:

• $ sudo usermod -aG docker $USER

Just run:

• $ docker-compose up

And wait until you see the following in the console:

hello-docker-react    | Starting the development server...
hello-docker-react    | 
hello-docker-react    | Compiled successfully!
hello-docker-react    | 
hello-docker-react    | The app is running at:
hello-docker-react    | 
hello-docker-react    |   http://localhost:3000/
hello-docker-react    | 
hello-docker-react    | Note that the development build is not optimized.
hello-docker-react    | To create a production build, use yarn run build.

• To gracefully stop undetached run just press CTRL+C

• Check your code at src/
• Open http://localhost:3000
• Dance!

Run in detached mode:

• $ docker-compose up -d

In detached mode, you won't have direct output from the container, so you'll have to check the container logs to see if the build ended (find the above "Compiled successfully" message):

• $ docker-compose logs

Stop a detached mode run:

• $ docker-compose down

Run commands into your container without going into, from your host machine:

• $ docker-compose exec hello-docker-react mycommand

Enter into your container to run commands inside it (ssh-like):

• $ docker-compose exec hello-docker-react bash

Exit your container, and go back to your host machine:

• $ exit

For advanced usage, follow the docker-compose command-line reference:

https://docs.docker.com/compose/reference/

Send an Issue, a pull request or knock me at Twitter: @lopezator