This project allows you to get up and running with developing a React application within a Docker container while installing no dependencies to your host operating system.
You are free to use whatever text editor or IDE you prefer on your host, changes
will automatically be reflected in the live app running locally via the
webpack-dev-server running in the container.
This project was created following the extremely helpful post provided at http://jdlm.info/articles/2016/03/06/lessons-building-node-app-docker.html as well as some of the React tutorials available at https://egghead.io/
- Install the Docker Engine. If you are on a Mac or Windows system, be sure to install the now-out-of-private-beta Docker for Windows or Docker for Mac.
docker-compose builddocker-compose up- Open http://localhost:3333 in a browser window.
- Make any edits you like to the application code and see the changes reflected live in your browser.
- I'd also recommend looking at the React Developer Tools Chrome Plugin as well.
If you need to shell into the container (e.g. to install new npm dependencies), you can just issue: docker-compose exec react /bin/bash