Docker Crash Course #12 - Dockerizing a React App

Hey gang, in this Docker tutorial we'll use Docker Compose to "Dockerize" a React application.

🐱‍💻 Access the course files on GitHub:

🐱‍💻 Modern JavaScript Course:

🐱‍💻 React Course:

[arshadsiddiqui]

I love how you talk about every decision you're making and why. A lot of other tutorials forget that the viewer can't read minds.

[saikun]

best tutor on the planet. always my first choice for tutorials for past 4 years

[Pancakes]

Immaculate teaching, this video series is an instruction clinic in itself. Thank you for this wonderful course.

[vinuthag]

This is one of the best courses on Docker I have ever seen. It sets the basics very strong for any developer who is about to begin learning this. Thank you.

[indianmuskofficial]

Thank you very much sir for this amazing series and especially for this particular video this shows why actually we need a docker and how to connect the front end and backend using docker again

[saeidalizadeh]

No one and I mean LITERALLY NO ONE can teach like you!♥

[doyleBellamy]

You are a perfect teacher. Lots of respect!!

[thewetfly]

You are simply THE BEST. Now I can work with backend and frontend at the same time. I can even multiply your tips into many API's and test them at one React App. Thanks so much ✌

[rorzrgg]

Love this, great quick and descriptive tutorial

[MarkoAskovic-xhyv]

Hello! We should have: - /app/node_modules in Docker compose, without the '.' at the beginning.
Otherwise there is the error : invalid mount path: 'app/node_modules' mount path must be absolute

[rafacanical]

This is great, thanks! I have +10 experience as a developer but only now started exploring docker, you helped me add react docker container to my existing symfony php container heheh Thanks :

[aeiou...]

Great tutorial, although I just have one question about the react app not having the volume script in docker-compose. How will it watch for any changes during the development then?

[diamondsky]

I want you as teacher! 🤩
I love your British accent
Cheers from France 🇫🇷

[getachewsharew]

Ninja, just cheers, you deserve a respect !

[shahedchowdhury]

Bro you are one of the best teacher. Keep posting more contents.

[harshitaarya]

Perfect for dev server, but we can't use this in production.

[ordaniel]

You're the best out there! keep it up 😍

[Amritasthegreatindiantaste]

Its Nice and simple Thanks for this it helped a lot for beginner like me

[chans]

Thank you for the great tutorial series, I learned a lot :)

[dflosounds]

Great tutorial. Thanks for making it! One thing I don't understand: in the Dockerfile, why do we copy the package.json file, run npm install, then copy the rest of the files separately? Why don't we just copy all of the files at the same time? In other words, instead of:
COPY package.json .
RUN npm install
COPY . .

Why can't we just do:
COPY . .
RUN npm install

EDIT: I think I remember learning that we do this because otherwise, any time we make a change to any of the files, "npm install" would be run. By copying all of the files AFTER running "npm install", docker will know that it doesn't need to run "npm install" whenever one of those files changes. Does that sound right?