You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Jérémie Drouet e5828ad1bf react-express-mongodb: clean frontend code
- apply prettier style on every js file
- remove mutation on immutable variables
- remove wrapper on top of axios
- fix form handling
- remove useless port definition in dockerfile

Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
5 years ago
..
public
src react-express-mongodb: clean frontend code 5 years ago
.dockerignore react-express-mongodb: clean frontend code 5 years ago
.gitignore
Dockerfile react-express-mongodb: clean frontend code 5 years ago
README.md
package-lock.json
package.json

README.md

Snippet of frontend(ReactJS)DockerFile

You will find this DockerFile inside frontend directory.

# Create image based on the official Node image from dockerhub
FROM node:10
#Argument that is passed from docer-compose.yaml file
ARG FRONT_END_PORT
# Create app directory
WORKDIR /usr/src/app
#Echo the argument to check passed argument loaded here correctly
RUN echo "Argument port is : $FRONT_END_PORT"
# Copy dependency definitions
COPY package.json /usr/src/app
# Install dependecies
RUN npm install
# Get all the code needed to run the app
COPY . /usr/src/app
# Expose the port the app runs in
EXPOSE ${FRONT_END_PORT}
# Serve the app
CMD ["npm", "start"]
Explanation of frontend(ReactJS) DockerFile

Frontend DockerFile is almost the same as Backend DockerFile.