Quick Lecture Overview
Subscribing gives you access to a brief, insightful summary of each lecture to stay on track.
Publish Docker Image
Loading...
By logging in, you'll unlock full access to this and other free tutorials on JSM Pro.
Why? Logging in lets us personalize your learning experience, track your progress, and keep you in the loop with new workshops, coding tips, and platform updates.
You'll also be the first to know about upcoming launches, events, and exclusive discounts.
No spam—just helpful content to level up your skills.
If that sounds fair, go ahead and log in to continue →
Enter your name and email to get instant access
##Looks like we found a thief monkey By the way, I liked the trick how you reached till here. You have a good sense of humor. You will improve a lot if you join our course with this passion.
var (function-scoped, outdated)let (block-scoped, modern and recommended)const (block-scoped, cannot be reassigned)_, or $let let = 5; is invalid)myVar and myvar are different)string, number, boolean, null, undefined, bigint, symbolObjects, Arrays, FunctionsSubscribing gives you access to a brief, insightful summary of each lecture to stay on track.
00:00:00 We can do that using the command line.
00:00:02 So let's go right here, kill our current terminal, reopen it, and cd into react-docker.
00:00:10 Next, we can run docker login.
00:00:14 And if you already logged in with Docker Desktop, it should automatically authenticate you.
00:00:19 Next, we can publish our image using this command, docker tag react-docker.
00:00:27 Then you need to add your username and the name of the image.
00:00:32 You can find your username by going to Docker Desktop, clicking on the icon on top right, and then copying it from there.
00:00:39 In my case, it's JavaScript Mastery, and then I'm going to do forward slash react-docker.
00:00:46 It's okay if we don't provide any tag right here, as the default tag is going to be colon latest.
00:00:52 Also, don't forget that below this course, I provided a complete list of all of the commands, including different tag commands to help you get started
00:01:01 with Docker anytime, anywhere.
00:01:04 So check them out and try running some of them.
00:01:07 Finally, let's publish our image.
00:01:09 And now we have to run docker push JavaScript Mastery, or in this case, your username, forward slash react-docker.
00:01:18 And this is going to actually push it to our Docker Hub.
00:01:23 There we go.
00:01:24 Now, if you go back to Docker Desktop, you can see that we have a JavaScript Mastery React Docker image that is now actually pushed on the Hub.
00:01:34 And you can also check it out right here by going to local hub images.
00:01:38 And then you can see JavaScript mastery has one latest image.
00:01:42 And another cool thing you can do is go to hub.docker.com where you can find your image published under repositories and then check out your account right
00:01:55 here and you'll be able to see your React Docker image right here, live on Docker Hub.
00:02:01 And now other people can run this image as well and containerize their applications by using it.
00:02:07 How cool is that?
00:02:09 And that's all it is to it.
00:02:10 You have successfully published your first Docker image.
00:02:15 But now that you know the basics, let's find a more efficient way of Dockerizing our applications.