This is a sample project to try the React tutorial on Docker. By using this, you can make the docker container which allows you to make a trial of React. To lean more about React tutorial, please read the React Tutorial below.

http://facebook.github.io/react/docs/tutorial.html

• Docker
• Docker Machine (Mac OS X)
• Web Browser

mkdir react_tutorial
cd react_tutorial
git clone https://github.com/bravewood/react-tutorial-docker .

docker build -t bravewood/react .

bash run_docker.sh

open the url

http://<your docker machine ip>:3000/

docker ps

docker stop my-react

docker rm my-react

docker exec -i -t my-react /bin/bash

To compile your code written in JSX style, you should execute the browserify command below.

# after logged in to the container shell

cd react-tutorial-master/
browserify -t reactify ./public/scripts/app.jsx -o ./public/scripts/app.js

# after logged in to the container shell

cd react-tutorial-master/
npm install watchify

After you execute the run_docker.sh command, your local codes will be mounted on the docker container and served by node server. That means, you will be able to edit the codes of tutorial and then the changes will be reflected on your browser immediately. Let's try to edit the codes located in lib/react-tutorial-master/public directory.