kytiken/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Instant react environment


clone
git clone git@gist.github.com:b556b9a987963aae363aca6f6e3f60fa.git


npm install
sudo docker-compose run -u (id -u $USER):(id -g $USER) app npm install


docker-compose up
sudo docker-compose up


open page
http://localhost:1234/


## docker-compose.yml
version: '3'
services:
  app:
    image: node
    volumes:
      - .:/app
    working_dir: /app
    ports:
      - 1234:1234
    command: npx parcel index.html

## index.html
<html>
  <body>
    <div id="root"></div>
    <script src="./index.js"></script>
  </body>
</html>

## index.js
import ReactDOM from 'react-dom'
import React from 'react'

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

## package.json
{
  "name": "app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "react": "^16.13.1",
    "react-dom": "^16.13.1"
  },
  "devDependencies": {
    "parcel": "^1.12.4"
  }
}
	version: '3'
	services:
	app:
	image: node
	volumes:
	- .:/app
	working_dir: /app
	ports:
	- 1234:1234
	command: npx parcel index.html
	<html>
	<body>
	<div id="root"></div>
	<script src="./index.js"></script>
	</body>
	</html>
	import ReactDOM from 'react-dom'
	import React from 'react'

	ReactDOM.render(
	<h1>Hello, world!</h1>,
	document.getElementById('root')
	);
	{
	"name": "app",
	"version": "1.0.0",
	"description": "",
	"main": "index.js",
	"scripts": {
	"test": "echo \"Error: no test specified\" && exit 1"
	},
	"keywords": [],
	"author": "",
	"license": "ISC",
	"dependencies": {
	"react": "^16.13.1",
	"react-dom": "^16.13.1"
	},
	"devDependencies": {
	"parcel": "^1.12.4"
	}
	}