Docker + ReactJS tutorial: Development to Production workflow + multi-stage builds + docker compose

[@piyushmahapatra5402]

Why on earth is this Channel so under rated! I wish you all the Success bro!

[@shivanigaddagimath6105]

Hi Piyush! Are you a student or working currently? Would you be interested in opportunities in web development?

[@nishantkumar6960]

@@shivanigaddagimath6105 I'd be lol

[@Lavimoe]

For recent React, you need to set "WATCHPACK_POLLING=true" instead to get auto update working instead of "CHOKIDAR_USEPOLLING=true"

[@surajkumar_009]

thanks for sharing i am stuck at that and i am searching for it

[@henriquemarques74]

Thanks! I was having problem with this.

[@thearong_5853]

Bruh you make my day thanks!

[@san1k_029]

You're breathtaking!!!

[@imasharc]

Yup! This one helped with the issue

[@whatnowZA]

This tutorial is hands down the best I've ever come across. everything is well detailed and straight to the point. Note: to anyone following up on a Windows machine, I had a problem using -e CHOKIDAR_USEPOLLING=true, it was updating the code inside the container but the changes were not displaying on the browser, use -e WATCHPACK_POLLING=true instead. Thank you Sanjeev

[@williamflores7658]

Thanks man!

[@JHStocker]

up!

[@Driveshive]

Hey Man This is awesome update. Please ask Sanjeev to put this comment at top.

[@shizongli457]

You save me hours. Thank u man!

[@anirudha4346]

Best crash course on react + docker so far

[@nebolos]

This is one of the most comprehensible and straightforward Docker tutorial on KZbin. Great channel and great content always.

[@theshooter89]

I took the comment section to say the axact same thing. Magnificently clear. Thumbs up Sanjeev

[@jamesmcgee1912]

You're a great teacher. I'm pretty new to Docker and have watched other tutorials on YT and even read books on Docker over at Safari Online, but you're tutorial is the first one where you explain docker via a common, real-world example ("the rubber meets the road"). Good stuff. You've got a subscriber.

[@bloom4774]

wow 5 minutes in, I have to stop and say this is just absolutely mind blowing how well you are teaching please never stop with content like this. what a gem of a channel

[@LomidzeDavid]

Agree 100%. This is the best one hour docker tutorial/course that I've seen so far

[@5360544]

It happend to me right now! I just pause the video to say "Omg this is soo good" even though im not a native english speaker but I'm able to understand everything! thanks!!

[@Laflamablanca969]

For anyone wondering the difference between docker-compose and docker compose, basically the hyphened version is v1 and the other is v2. V1 is no longer being developed so always use v2. Side note, v1 was written in python and v2 is written in Golang.

[@thydevdom]

2 days of headaches trying to get "Live Reload" to work and I finally found you who got it to work. So many people made it so complicated. I knew there had to be an easy way to correctly Mount/Sync files. Thank you Sanjeev. You've definitely earned a sub from me!

[@lokeshkumarjain4562]

The most comprehensible and straightforward Docker tutorial on KZbin

[@_sjoe]

I really appreciate the amount of detail you go into. So many online tutorials are borderline useless because they just go through the motions without truly explaining anything. Thanks, keep it up!

[@noyou174]

"thoroughly unqualified to teach anything" so that was the biggest lie ever BEST TEACHER EVER THANK YOU SO MUCH YOU ARE HELPING PEOPLE SO MUCH ❤

[@toluwanitomisin9098]

This gentleman should start a udemy training on react and docker. This is awesome.

[@brycenmedart4175]

Just wanted to pop in and say this is an amazing tutorial on setting up docker. I am a full stack dev but have not had much experience with Docker and wanted to learn what it is all about. With your video I was able to incorporate docker around my current project and deploy without any issues! Thanks again!

[@jossanymoura2481]

I am still on minute 25 but I decided to pause it to congratulate you for the amazing content and teaching. Perfect video for starters. I hope that everybody would teach hands on like you! Congrats for the excelent content!

[@aman7555]

Excellent: a minor note: CHOKIDAR_POLLING will not work in the latest react-scripts versions. We need to use WATCHPACK_POLLING=true

[@ManishKarkera]

This is probably the first tech video ever where I have been voluntarily compelled to click the like button even without having completed the whole video. I have ended up subscribing your channel just so that it might help you. Cant praise you enough how you have covered all the essential bits about docker and paced the video to near perfection. Thanks Sanjeev.

[@alecmather]

This is by FAR the best docker tutorial I've seen so far, super underrated video, thank you so much bro

[@shubhamchandramishra636]

The best, worth watching Docker tutorial out there. Thanks

[@wdeva22]

you mostly cover deployment parts. There are few resources on that your videos help me a lot. Thank you sir

[@shivanigaddagimath6105]

Hi DEVA! Are you a student or working currently? Would you be interested to explore opportunities in web development?

[@DennisSpohn]

Great video and great job teaching. I personally like to see real-life errors and not some perfectly scripted tutorial. Thank you!

[@SuboptimalEng]

I really like how you explained the package.json optimization, nice work!

[@johnnyv6690]

This is one of the best videos on the subject, production quality and your ability to teach on a subject is so good.

[@allendaniel2748]

One of the best presentations of use of Docker environment in the real world application. Thank you very much for the detailed walk through.

[@upawastaken]

This is the best tutorial I have ever come across. Not just for Docker but in general. The process from start to end is very clearly presented and thus makes it easy to follow. The amount of effort that's gone in making this video is insane. Thank you so much Sanjeev!

[@FCFlightSim]

By far the best tutorial on React Dev + Prod I’ve encountered so far!!

[@prabhashswain1878]

i have tried many videos for react docker but this one THE Best . Tq Sanjeev Thiyagarajan

[@ramilocosta5230]

Sanjeev, thanks for doing it. It's a massive content. Very assertive, easy to understand. Nailed. Wish you all the success

[@AIandsuch]

Only about 10 minutes in but I gotta say: how do you only have 14k subs? You're an incredible teacher and the video is extremely high quality! Glad I clicked on your video, friend.

[@bordax20]

Amazing Docker 101. I'm half way through and can't stop watching. Good work, keep it up!

[@nateo7045]

As all the other commenters have said, you have a serious knack for explaining things. You know the exact amount of necessary detail while keeping it in related terms. SO REFRESHING. Subscribed.

[@edust83]

Thank you very much Sanjeev... I was looking only the multi-stage stuff but I watched all the video just to understand better how docker works! Excellent tutorial!

[@ilanfarache]

CHOKIDAR_USEPOLLING do not work... i'm on windows, i refresh my page but anything changes. solutions ? ps: great tutorial !

[@이병잭슨]

Watching this video was worth so much more than googling for hours... Thank you so much for the excellent tutorial 😊😊

[@bartukocakara7794]

35:15 CHOKIDAR_USEPOLLING=true hot-reload didn't worked on me.When I click stop and run after that it updates the content

[@CHIRANJIBNANDY1]

Beautifully explained everything from scratch

[@BlueSkyVL158]

In the description: docker run -it -d --name react-app -p 3000:3000 react-image instead of docker run -it d --name react-app -p 3000:3000 react-image thanks for sharing

[@jelenatrifkovic5567]

This video deserves more views, you're awesome! I work with both frontend and backend, but I lacked the knowledge of Docker, and this video saved me. Wish you success! 😀

[@madrus4u]

Thanks Sanjeev, I have learned a ton from this tutorial. And everything really makes sense.

[@techienomadiso8970]

The best Docker tutorial I have seen so far. Wow 💯💯💯

[@krantinebhwani6125]

Why is it that at 9:18 we run npm install with "RUN" (RUN npm install) but down below when we actually run our server we run npm start with "CMD" (CMD ["npm", "start"]).. both utilize npm commands, it would be great if you could clarify this as this is confusing for a beginner

[@senkottuvelan]

Why on earth excellent videos like these get low views or not even getting recommended at all? Mind blowing man 🔥

[@OleksandrDanylchenko2k]

Wow! One of the best Docker + React guides I've ever seen! Thank you!

[@krishdeva3751]

This is totally Awesome beginner to advanced level within one and half and hour..Totally nailed it ...super cool..Thanks a lot for this great content

[@jamalashraf7957]

YOU ARE THE BEST! ONE OF MY FAVOURITE LESSON AND IN DEPTH! GOD BLESS YOU HERO! YOU DID A GREAT JOB!

[@colonelvector]

Excellent tutorial, concise and yet thorough

[@gjenkin]

1:21:52 “I don’t recommend doing react within docker, I just don’t see the true benefit of it” - Then how do you recommend deploying React apps and handling multiple stages if not in line with this 1.5 hour tutorial?

[@kiwiskilled]

didn't know about the :ro tag for volumes. great video!

[@MrMukulkishore]

The best tutorial for anyone to get started on Docker. More power to you Sanjeev.

[@vinudevaraj8884]

This channel is going to blow up soon 🎉 keep going bro🔥

[@shivanigaddagimath6105]

Hi Vinu! Are you a student or working currently? Would you be interested in opportunities in web development?

[@jihadkhorfan]

best docker tutorial ever

[@hongz1787]

I've been trying to figure out docker the last two days. And your tutorial is the best I've found. Everything is clear and just works! Keep up the great work my friend

[@hamadaparis3556]

Absolutely by far the best explanation docker video with practiced ins and outs of docker on KZbin thank you so much.

[@aarthi4566]

Sincerely thank you Sanjeev🙏🙏 . Very detailed explanation on Docker. Verry helpful.

[@bishnu526]

This has to be the best video on Docker. Thanks!

[@Lion-mh9rq]

I could press 100times on the like button if it is possible ,really appreciate your work, looking forward to more video on docker topic, thank you Sanjeev!

[@suvrodebnath4470]

This is what I was looking for. Thank you very much, Sanjeev.

[@thiagomenezes6968]

Sanjeev, this content and the way you delivery it is mind blowing. Please continue this trend, ask for new contents in Pools. Do it and we will support it.

[@milykotek]

the best explaining of containerizing react app! Thank you!

[@srijaljoshi3421]

This is such a great video. Awesome Job!

[@shivanigaddagimath6105]

Hi Srijal! Are you a student or working currently? Are you open to web development opportunities ? We are hiring! Please let me know.

[@vsuley]

Incredibly helpful and straightforward tutorial. Thank you!!

[@harrisonekpobimi4764]

One of the best tutorial on this topic

[@shashankdubey983]

Thanks for the awesome video. Can you please address anything regarding the issue that code is synced but still UI is not updating I am using windows 11.

[@EricsonRamosTV]

hey Sanjeev, thank you very much for this tutorial I learned a lot and you explained it very clear.. cheer with that

[@ignacio2921]

Thank you so much for work Sanjeev, your explanation is pretty easy to follow. Keep up the good work!

[@jennaweller6777]

This is the best tutorial EVERRRRR!

[@barnabuswizardspook]

Thanks for these videos man, only tutorials on youtube that make sense

[@vtv4373]

First time I understand docker

[@hongwenli541]

Wonderful Video! I can't believe I got all about docker in 1 hour! hope you make more videos even nicer than this. THanks,,,,

[@alirezafirouzyar9425]

best tutorial i ever seen about docker. very neat

[@HemanthTechBook]

Please do one video on deploying MERN/PERN stack application using Docker. Please and thank you 😊 and thanks for this one.

[@shivanigaddagimath6105]

Hi Hemanth! Are you a student or working currently? Are you open to web development opportunities ? We are hiring! Please let me know.

[@aga5365]

this is just what I'm looking for. Good work Sanjeev!

[@ayencoscolfield3312]

wow! what a channel where have you been all my life, good job subscribed immediately

[@thiagomenezes6968]

WOW 😳😳😳 no words to describe man... thanks!

[@satendrakushwaha8795]

Great Tutorial, many thanks. CHOKIDAR (in Hindi) means Gatekeeper

[@peaceful_earthling]

Awesome explanation, Sanjeev! I will recommend this video to my mates

[@zhalux19]

You are the champion. This is exactly what I am looking for.

[@Serpiall]

This is a really great video. I am pretty new to docker and this broke it down really nicely

[@kallieaddison1588]

This is a really great docker tutorial... Thank you.

[@anashamdan5237]

Like always your videos are great, cant wait for the next one

[@pocketprime]

thank you, hopefully god always bless your life because the knowledge you share

[@chenlee7934]

This is a brilliant tutorial I ever seen, Thank u very much.

[@farhadjaman5580]

Sir you are just awesome, exactly what i was looking for

[@JesseBlair]

True Gem of a channel, Thank you!

[@alexilin1983]

Thanks, Sanjeev! I got answers, exactly i was looking for.

[@dmitri683]

Thank you so much! Your video will help me tomorrow at my final interview)

[@fadelbidiga5099]

You deserve million followers

[@maksymdudyk1718]

Looking forward for your new superb tuts, this time : on cloud computing, Kubernetes and CD.

[@TomasRodriguez-qo9pv]

CHOKIDAR is not working in my case. Is there another option? Thanks.

[@edgargalvan-cuesta3976]

This video is great. Absolutely amazing video and truly appreciate all the time and effort put into the fundamentals. I can't help but nitpick, there's one thing you didn't cover that I still don't quite understand or know how to use efficiently. What's the difference between running RUN or CMD in the Dockerfile. Why is it that for react, we need the square brackets and comma (use it as a tuple) to separate each word as a value. When I dockerized django in the past, that's not something I did,. I'd just 'CMD python manage.py runserver' to run my dev server without putting it in a tuple. Lastly, I know there's a 'command' variable for docker-compose. Does this variable work similarly to the 'environment' variable where it will only be visible to the final stage of the dockerfile? Meaning I would have to send the command I want into my args variable and receive it, save it as maybe ARG_1 and then use it in the dockerfile as so RUN ARG_1 ? Honestly, don't understand the difference between using command in docker-compose vs CMD or RUN in dockerfile to begin with or what the benefits are of using it. I would love to have a conversation with you regarding this as I'm more curious as to other setups I've been looking into. Again, amazing work. Keep up this great content!

[@SwOOp_de]

Great video Sanjeev!!!

[@philippeberini2574]

Fantastic video, thank you! Compared to most tutorials that just show how to do something specific, this shows step by step where to start, why things don't work and how to make them work! Would love to see a video on a workflow including VSCode devcontainers and git as well :)

[@philippeberini2574]

The only thing that is a bit confusing: After you created the bind mount, you still had "COPY . ." in the dockerfile. So does the bind mount overrule the copy?

[@SanjeevThiyagarajan]

The copy happens at build time(when we're creating the image). The bind mount syncs the folders at runtime(after we create/run the container). The dockerfile is only there for creating the image, but to keep syncing the files after we create a container from the image, we need the bind mount.

[@Elodere]

@@SanjeevThiyagarajan Could you explain why in this video you didn´t use an anonymous volume for node_modules? I remember you using it on nodejs/express for the freeCodeCamp video. Moreover, I´m curious to know why you didn´t need nodemon to achieve hot reload here. Thanks! :)

[@gmjitendra]

Excellent. Thank you Sanjeev

[@arvindvs8934]

Excellent video sir. Subscribed. Just didnt get only 1 thing at the end where Sanjeev mentioned why he doesn't recommend Docker for React. Would be of great help if someone could clarify that part alone. Thank You.

[@SanjeevThiyagarajan]

There just isn't many advantages to dockerizing a React app. When a React app is built its gonna print out all the static files, its much better to have them stored on a service like S3 or a CDN.

[@arvindvs8934]

@@SanjeevThiyagarajan Oh now i understand. So, since React build is a collection of static files and not a jar file or something of the sort, we could just host them as static file in cloud bucket stores which is less hassle. Thank You Sir

[@boog172]

This video was amazing!! Thank you!

[@devanshsharma602]

This Video is so amazing. Everything explained so clearly.

[@abrarzaoad156]

Thank you sir. I have learned a lot from this video

[@LearnerHub-zk2qp]

Great content boss!! If possible can you please make a CICD aws deployment video too.

[@emmanuelbenson5294]

Thank you so much Sanjeev. Very helpful content.

[@ephratanebiyu5302]

I just found your video . 100% bro , keep up the good work!!