how can we implement docker in react code. code example
Example 1: docker react
# pull official base image
FROM node:13.12.0-alpine
# set working directory
WORKDIR /app
# add `/app/node_modules/.bin` to $PATH
ENV PATH /app/node_modules/.bin:$PATH
# install app dependencies
COPY package.json ./
COPY package-lock.json ./
RUN npm install --silent
RUN npm install react-scripts@3.4.1 -g --silent
# add app
COPY . ./
# start app
CMD ["npm", "start"]
Example 2: react js docker
version: '3'
services:
backend:
env_file:
"./backend/backend.env"
build:
context: ./backend
dockerfile: ./Dockerfile
image: "dmurphy1217/twitter-sentiment-backend"
ports:
- "5000:5000"
frontend:
build:
context: ./client
dockerfile: ./Dockerfile
image: "dmurphy1217/twitter-sentiment-frontend"
ports:
- "3000:3000"
links:
- "backend:be"