Initial Push

Author: Manoj Selvin

Dockerfile

@@ -0,0 +1,12 @@
+FROM node:alpine3.10 as builder
+
+WORKDIR /var/www/html/react-app
+COPY package.json .
+RUN npm install
+COPY . .
+
+RUN npm run build
+
+FROM nginx
+COPY --from=builder /var/www/html/react-app/build /usr/share/nginx/html
+

Dockerfile.dev

@@ -0,0 +1,9 @@
+FROM node:alpine3.10
+
+WORKDIR /var/www/html/react-app
+
+COPY package.json .
+RUN npm install
+COPY . .
+
+CMD [ "npm", "run", "start" ]

docker-compose.yml

@@ -0,0 +1,22 @@
+version: '3'
+
+services: 
+    web:
+        build: 
+            context: .
+            dockerfile: Dockerfile.dev
+        stdin_open: true
+        ports: 
+            - '3000:3000'
+        volumes: 
+            - /var/www/html/react-app/node_modules
+            - .:/var/www/html/react-app
+    tests:
+        build: 
+            context: .
+            dockerfile: Dockerfile.dev
+        stdin_open: true
+        volumes: 
+            - /var/www/html/react-app/node_modules
+            - .:/var/www/html/react-app
+        command: ["npm", "run", "test"]

src/App.js

@@ -8,15 +8,15 @@ function App() {
       <header className="App-header">
         <img src={logo} className="App-logo" alt="logo" />
         <p>
-          Edit <code>src/App.js</code> and save to reload.
+          Hello Moto
         </p>
         <a
           className="App-link"
           href="https://reactjs.org"
           target="_blank"
           rel="noopener noreferrer"
         >
-          Learn React
+          Learn ReactJS
         </a>
       </header>
     </div>