Create Docker image for the React App about frontendstudygroup.github.io

[awantika10]

Can I work on this issue?

[princiya]

It's yours @awantika10 🚀 :)

[Priyami]

Is the Docker works like Github other than bundles into images? Do we need the nodejs for the single-page application like react app?

[sunithapatel]

Is the Docker works like Github other than bundles into images? Do we need the nodejs for the single-page application like react app?

@Priyami when you ask if Docker works like GitHub, did you mean GitHub Actions?

Docker is one of the technologies you can use to make a "container" which is a way to run your code in an isolated manner. It is different from GitHub (or GitHub Actions if that is what you meant).

There are many different ways to host the React application such that it is available publicly. We set up GitHub Pages here since this is a repository in GitHub and the integration was relatively quick and easy to set up to have a live site.

There are other ways though - and one of them is to package the React App in a Docker image and then run that docker image as a container in either Kubernetes or a Virtual Machine (VM) in the cloud, or use other cloud services to run containers.
(Keep in mind, you may not do this in practice with one single React application - this is just meant to be a way to learn these concepts).

Since React application runs in the browser you don't need nodejs for that. However, in order to have a React app available to host in a web server (like we have done with GitHub Pages), you do need nodejs for that. You would use nodejs to compile the React application. Currently we created a GitHub Action to do this to deploy the latest changes we have merged to the live website.

Sorry, it is a long response to your question, but feel free to ask more questions if anything doesn't make sense.

[Priyami]

@Priyami when you ask if Docker works like GitHub, did you mean GitHub Actions?

Yeah, I read that Docker images are in DockerHub and they can be pulled out and work in any environment. I thought GitHub also working like that.

[sunithapatel]

@Priyami when you ask if Docker works like GitHub, did you mean GitHub Actions?

Yeah, I read that Docker images are in DockerHub and they can be pulled out and work in any environment. I thought GitHub also working like that.

I see. Yes, in that sense it is somewhat similar to GitHub where in DockerHub - it is a repository for Docker images that you can pull and use. However, GitHub is more for working on code and you can edit the code in the repository. DockerHub is mainly to publish Docker images for use either directly or within other Docker images that you might be creating yourself, so slightly different in how you work with them.

[sunithapatel]

Awesome job @awantika10!