How to Deploy React Application on docker?

#DeveloperFunnel
Deploy React app on docker STEP by STEP

Dockerize React app
Docker is a set of platform as a service products that uses OS-level virtualization to deliver software in packages called containers. Containers are isolated from one another and bundle their own software, libraries and configuration files; they can communicate with each other through well-defined channels.
React Docker
Docker React

Channel: Developer Funnel
DeveloperFunnel is focusing on interview specific topic

[MrDari]

Just a quick heads up: Running the application like this means that you are in development mode, which is not meant for production use. If you want to have an app accessible to the outside world, you need to create a Dockerfile that runs a built application with some other server.

[guilhermeborges]

It's a development server running. You should create a deploy for production environment.

[sorcererstone]

Newbie question. To test this project, I have to download and to unzip the files from your Github. Do I need to install additional packages before I can even start building this project?
By that I mean @2:05, there a a yarn.lock file. I looked at the content of this file from your Github page. It seemed complicated and this file seemed to be generated by some other app. So, are there additional app I need to install first? How about Yarn? Where does this yarn.lock come from?

[malikbrahimi]

You're just running a dev server in a container ... build the project into static files and server from a webserver

[blasttrash]

This is not the efficient way to do things. This is just how you would do it in development mode. For production you bundle them into static assets and then use something like nginx to serve them.

Also I think in the video, you don't need to exec into the container and rerun npm start. Whats the point of adding "npm start" in Dockerfile, if you have to go into the container and run "npm start" again?

[Rotogas]

Nice video! Subtitels would be nice. Other than that very very helpful! Thank you

[manishaarora]

Hey .. great work. Can you please put a video for how "Live streaming" works

[dharaniravulapati]

After completion of everything how should I do it in browser

[jeffpeng]

why are there so many "nice"

[Iforgomm]

Nice job! Is there a way to connect backend container with frontend container in Docker engine?

[ragaharideepmolagazzela]

Hey there, for the the step 6 CMD{"npm", "start"] is not being detected. any help anyone.

[kunyumon]

What is the purpose of using alpine as opposed to simply running node or any other reference?

[NL-rbfj]

It's not working for me. Does not show on localhost:30001

[RanaMuhammadWaqas]

lol running a dev server in a container .... you should've done COPY /build .