How to make front end changes done in react update to docker file ?

[manan91]

Hi

I am editing and making changes in the react code, Which is getting updated and even generating new build file using npm build,

But how to update this changes in the docker image file ? As when I run docker image, It keeps showing old UI only without the new changes.

Someone kindly please help here, I am not able to figure this out

[dosubot[bot]]

Hello @manan91! I'm here to help you solve bugs, answer questions, and assist you in becoming a contributor. While you're waiting for a human maintainer, feel free to ask me anything you need!

I found a similar unsolved discussion titled "How to recompose the front-end to make the changes take effect?" which might be relevant to your issue ^[1].

To update the Docker image with your new React build, you need to ensure that the Dockerfile is correctly set up to copy the updated build files into the image. Here are some steps you can follow:

1. Rebuild the React Application: Make sure you run npm run build to generate the updated build files in the build directory.

2. Update the Dockerfile: Ensure your Dockerfile includes a command to copy the build files into the Docker image. For example:

   COPY build /path/to/your/app/build

3. Rebuild the Docker Image: After updating the Dockerfile, rebuild the Docker image using:

   docker build -t your-image-name .

4. Run the Updated Docker Image: Finally, run the updated Docker image:

   docker run -p 3000:3000 your-image-name

Make sure that the path in the COPY command matches the location of your build files in the Docker image. If the issue persists, double-check the Dockerfile and the build process to ensure everything is correctly configured.

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Bug Report | Other}