Learn Vuex in 30 MINUTES! (Vue JS 3)

In this video I’m gonna show you how to get started with Vuex (within a Vue 3 project) - in around 30 minutes!
👉 My Courses: dannys.link/courses
👉 Download Fudget: www.fudget.com
👉 My VSCode Setup: dannys.link/vscodesetup
👉 DONT CLICK THIS: dannys.link/dontclick
0:00 Introduction
0:52 Create a VueJS 3 Project
2:39 Counter App - Design
4:35 Counter App - Data & Methods
6:08 What is Vuex?
7:54 Vuex Store Sections Explained
10:51 Setup State
12:01 Setup Mutations
13:54 Setup Actions
20:01 Setup Getters
22:01 Vuex & Two-Way Binding
28:19 Child Components
We’re gonna create a simple counter app - in the usual way Vue JS way - by adding data and methods to our view component.
And then we’re gonna move all of our data and methods into a Vuex store - using State, Mutations, Actions and Getters.
You’ll also see how to use an API within Vuex - using Axios.
I’ll also explain what Vuex is and why you would use it.

[@MakeAppswithDanny]

Thanks for watching! Please like, share, subscribe & leave a comment. All of these really help me to create more content for this channel. Timestamps: 0:00 Introduction 0:52 Create a VueJS 3 Project 2:39 Counter App - Design 4:35 Counter App - Data & Methods 6:08 What is Vuex? 7:54 Vuex Store Sections Explained 10:51 Setup State 12:01 Setup Mutations 13:54 Setup Actions 20:01 Setup Getters 22:01 Vuex & Two-Way Binding 28:19 Child Components 👉 My Courses: dannys.link/courses 👉 Download Fudget: www.fudget.com 👉 My VSCode Setup: dannys.link/vscodesetup 👉 DONT CLICK THIS: dannys.link/dontclick

[@Jjjabes]

One of the best tutorials I've seen in a while. Really well explained and to the point. Thank you!

[@MakeAppswithDanny]

Thanks JB!

[@PurpleGlobe]

I'm teaching myself to code, and have had a hard time understanding Vuex. This has helped a lot!

[@MakeAppswithDanny]

Glad to hear it PurpleGlobe! 👍

[@jesseschoonveld7706]

Thanks for explaining things so clearly! Been learning this with help of the documentation but this video really helped me wrap my mind around this concept.

[@MakeAppswithDanny]

Glad it helped!

[@paulotrajano83]

The kind of video you want to watch over and over again. Thank you very much, Danny! Greetings from Brasil

[@MakeAppswithDanny]

Wow, thanks!

[@ianmcfall7]

This translation from vuejs to vuex was critical to my project and my learning. Thanks for laying everything out and addressing all the presuppositions. Cheers!

[@MakeAppswithDanny]

Thanks Ian. I'm glad it was helpful!

[@hamzadahmoun5102]

coming from Asp Net Core and C# .... trying to learn Vuejs, and now Vuex, I had actually 0 difficulty to understand this tutorial! Thanks a lot Danny

[@MakeAppswithDanny]

Great to hear Hamza!

[@ricklove8358]

this was very helpful. keep on the hard work we are here to support you through thick and thin.

[@MakeAppswithDanny]

Thanks tarick! 👍

[@octavian3033]

Awesome stuff. Just came from your composition API tutorial and I must say these have been a lot of help.

[@MakeAppswithDanny]

Glad it was helpful!

[@sunraiii]

So clean and concise. I love it when tutorials start from the bare minimum and build up apps atom by atom.

[@MakeAppswithDanny]

Thanks that's very kind!

[@tartarusdivision1054]

hands down one of the best tutorial channels out there

[@MakeAppswithDanny]

Wow thanks Tartarus!

[@werneralonzo1230]

Finally I understand how vuex works, thanks for the great tutorial

[@MakeAppswithDanny]

Wow, thanks Werner!

[@anhhoangtuan4865]

Thank you saved me a lot of time trying to browse videos for an actual working one

[@MakeAppswithDanny]

No worries, thanks Anh!

[@d30x58]

Thanks so much, learned Vue for the first time from your tutorials and I've been loving it since.

[@MakeAppswithDanny]

That's great to hear Deon, thanks!

[@jbarriossandrea]

I usually play videos at 2x speed but this video is so straight to the point I didn't needed to, thanks for the great video 💪

[@MakeAppswithDanny]

No worries, thanks Jhonny!

[@illusiveCode]

This tut couldn’t get any better, thanks for making vue easy to learn!

[@MakeAppswithDanny]

Thanks illusiveCode. I've got a "Learn Pinia in 30 MINUTES!" video coming soon too! 👍

[@napoleonbonaparte1260]

I will share this vuex tutorial to the vue js group in Facebook. This tutorial is the best I seen so far. Keep it up, you are a great software developer/professor.

[@MakeAppswithDanny]

Wow thanks Napoleon! 👍

[@oketafred]

I think the best Vuex Tutorial on KZbin for me. Thanks, Danny

[@MakeAppswithDanny]

Thanks Oketa!

[@davel9130]

So good. This course covers essential aspects that I haven't been able to find elsewhere (a tutorial that discusses updating the Vuex store via an async API). Thank you!!

[@MakeAppswithDanny]

My pleasure, Dave. Thanks for watching! 👍

[@Tommy-ev6gv]

This was really good Danny, learned alot from this!

[@MakeAppswithDanny]

Glad to hear it Tommy!

[@vampirejs758]

How about making an ionic vue app tutorial or one more Quasar framework video.......... love your videos

[@harishpillarisetti6658]

You're King Danny. A King.

[@Yabai-fc9kv]

To the point and easy to understand! Thank You!

[@MakeAppswithDanny]

Thanks Sonam!

[@myblender3djourney]

This is exactly what I needed!!! Thank you so so much!!

[@MakeAppswithDanny]

You're welcome!

[@jeyjeymohaa3081]

First time i found your channel, easy and direct to the point explanation. Definitely subscribing🤗

[@MakeAppswithDanny]

Thanks Jeyjey. Welcome! 👍

[@gesley_neres]

What a great tutorial. Congrats Danny!!!

[@MakeAppswithDanny]

Thanks Gesley!

[@danmontesinos2094]

Hands down! Finally understood how Vuex works. Thanks for creating this great video!

[@MakeAppswithDanny]

Thanks Dan. Glad it helped!

[@hillno]

Great tutorial! Love it starts from the beginning

[@MakeAppswithDanny]

Thanks Hieu!

[@ibrahimyosif]

very useful tutorial, thank you for explaining in detail and a decent pace

[@MakeAppswithDanny]

Glad it was helpful Ibrahim!

[@SushanGhimire55]

Finally best vue3/vuex tutorial popup on my timeline❤️

[@MakeAppswithDanny]

Thanks Sushan. Glad it helped! 👍

[@iAmTheSquidThing]

This is the best introduction to state management I've ever seen.

[@MakeAppswithDanny]

Wow thanks Martin!

[@ravimukti690]

Very best tutorial ever, clear and strike to the point, thanks for the video

[@MakeAppswithDanny]

Glad it helped Ravi!

[@abhinavkashyap2196]

Great video. Clear and to the point. Thank you! You earned a sub.

[@MakeAppswithDanny]

Thanks Abhinav, welcome aboard!

[@nirajankarki6297]

Best Vuex Tutorial out there, Thanks Man!!

[@MakeAppswithDanny]

Thanks Nirajan! 👍

[@sanjaytk]

Wow!! nicely clarified the store... thanks for sharing 👌👌

[@MakeAppswithDanny]

My pleasure 👍

[@user-sh5qp6uu1e]

It was a complicated theme for me, but I finally got it. Thanks for the tutorial!

[@MakeAppswithDanny]

My pleasure Олег! Glad it helped 👍

[@sergioalejandroservinarce3005]

for Christmas I want you to appear again with the quasar video series, thank you!

[@MakeAppswithDanny]

Thanks, we'll see what Santa can do 👍

[@bertrandatemkeng6509]

Thanks Danny. Its been a minute

[@MakeAppswithDanny]

Thanks Bertrand!

[@marksantosss]

This video is precise and well explained. Thank you danny.

[@MakeAppswithDanny]

No worries. Thanks Mark!

[@googleanalytics3717]

I agree with all the commentators - really the best lesson of all while being simple and visual! Thank you! And for Christmas, I want the same haircut 🥳🎄

[@MakeAppswithDanny]

Be careful what you wish for 😂

[@Raj_Patel21]

Concise and to the point, Thanks for the video :)

[@MakeAppswithDanny]

Glad it was helpful Raj!

[@michael.028]

Excellent video Danny!

[@MakeAppswithDanny]

Thank you very much Michael!

[@maskman4821]

I am pretty sure it is the best vuex tutorial, I have learned a lot from this 30 minutes tutorial which Danny condense the essence / core of vuex in this terrific example. Danny is an excellent instructor / teacher / developer, everything is straight to the point, walking you through every step with great and detailed explanations. if you want to learn building mobile apps with vuejs, Danny's tutorials / courses are the only and the best !!!

[@MakeAppswithDanny]

Wow, thanks Stephen. Great comment! 👍

[@Pss19940909]

very clear and to the point. Thanks a lot for this video!!!

[@MakeAppswithDanny]

Glad it was helpful, Ashley!

[@knotcircle2844]

You explained better than the videos I watched before. Good thing I found your video, I saved lots of money without signing-up to the course I have difficulty to wrap my mind about Vuex

[@MakeAppswithDanny]

Glad it helped Mogi!

[@rpralica]

Thank You .Your tuts are very simple and understandanble.

[@MakeAppswithDanny]

Thanks Rade!

[@christianjayreyes4962]

Just subscribed! Wonderful tutorial!

[@MakeAppswithDanny]

Thanks Christian!

[@timothykimari8154]

You have the best vue tutorials I have seen

[@MakeAppswithDanny]

Thanks Timothy!

[@gowdhamt1651]

Thank you very much for such a crisp and clear tutorial.

[@MakeAppswithDanny]

You're very welcome!

[@hotchaddi]

Legends say that Danny is still giving hearts to this day!

[@ramasif9983]

Smashed the like-button! Keep up the good work, Danny! Wish: more Quasar videos!!

[@MakeAppswithDanny]

Thanks Ram! 👍

[@scientist.entity6609]

Amazing channel and its rly easy to understand you. Thank you !

[@MakeAppswithDanny]

Glad you think so Enguerrand!

[@josephridge3646]

Thank you Mr.Danny this is a well laid our tutorial ! Thank you again

[@MakeAppswithDanny]

My pleasure, Mr Joseph! 👍

[@juzerhakimji9720]

Beautifully explained. Really helpful Thanks :)

[@MakeAppswithDanny]

Thanks Juzer!

[@shubhamjain8130]

wonderful video and the way of teaching..Thanks a lot!!

[@MakeAppswithDanny]

Thanks Shubham!

[@mohammadnabi8910]

Superb video for anyone who wanna explore and learn the basics of Vuex.

[@MakeAppswithDanny]

Thanks Mohammad!

[@GergelyCsermely]

Thank You very mutch. Excellent tutorial. Very professional examples.

[@MakeAppswithDanny]

Thanks Gergely!

[@fariazkhan1779]

Great explanation. It was very easy for me to learn Vuex. Thanks for the video!

[@MakeAppswithDanny]

Glad it helped Fariaz!

[@whatinthai]

Amazing VDO, easy to understand Vuex and clearly explaination. Thank u

[@MakeAppswithDanny]

Thanks!

[@koleto155]

Understandable, Focused and Practical => Excellent

[@MakeAppswithDanny]

Thanks Koleto!

[@illestoth9298]

This video saved my life. Thank you!

[@MakeAppswithDanny]

Great to hear, Illés!

[@mrinalsharma9540]

Best vuex crash course till date! Thanks man this was really helpful.

[@MakeAppswithDanny]

Thanks Mrinal!

[@emcysquare]

Very well explained and clear, thanks

[@MakeAppswithDanny]

Thanks Marco!

[@joshuaberrios]

I am grateful to have found this tutorial. Very clear, concise, easy to follow, and super helpful. I have been needing to learn more about VueX State Management for my new software engineering role and finally came across this video. Also, noticed you have not uploaded in a while, will you be uploading new content soon?

[@MakeAppswithDanny]

I'm focused on getting my app (Fudget 2) released at the moment: www.fudget.com We are beta testing at the moment, so hopefully won't be too long. Once it's published and stable I will hopefully start doing videos again. 👍

[@jeremiaholuwaseun7327]

God bless you sir, you just made my day. simple and straightforward

[@MakeAppswithDanny]

Glad to hear it Jeremiah!

[@franzdarellemacatangga858]

i hope you continue creating tutorials you are great at it. thank you very much.

[@MakeAppswithDanny]

Thank you Franz. Yes hopefully I'll start making more videos soon 🤙

[@JacobDunbar]

exactly what i needed, thanks!

[@MakeAppswithDanny]

Glad it helped, Jacob!

[@felipemelendez5741]

Wow, this is a great tutorial, consider me a new fan

[@MakeAppswithDanny]

Thanks Felipe! Keep an eye out for the "Learn Pinia in 30 mins!" video coming soon! 👍

[@imranlashari6578]

Wow Simple and straightforward in 30 minutes... Great

[@MakeAppswithDanny]

Thank you 🙂

[@LowRider1500]

You are my hero, thanks for this awesome tutorial.

[@MakeAppswithDanny]

Thanks! 👍

[@malek6303]

you are such a life saver

[@MakeAppswithDanny]

Happy to help!

[@feyziz]

Bravo !.. Excellent job Danny;

[@MakeAppswithDanny]

Thanks feyziz!

[@IwonaSitnik]

Great material! Thank you!

[@MakeAppswithDanny]

Glad you liked it, Iwona!

[@kcasiaep]

ITS WORKING! nice job dude ahah

[@MakeAppswithDanny]

Good to hear, Isack!

[@marcunnocello3092]

It helped me a lot, thanks mate

[@MakeAppswithDanny]

No worries Marcunno! Thanks for watching & commenting!

[@toyeseaderibigbe2363]

You don't know how helpful this was to me. Thanks I really really really appreciate it 🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰❤️❤️❤️❤️❤️❤️❤️

[@MakeAppswithDanny]

Thanks Toyese I'm glad it was helpful 👍

[@nickbrown6754]

Really helpful and simple little video thank you.

[@MakeAppswithDanny]

Thanks Nick 👍

[@omairzamir1246]

Very Well Explained in short Time...!

[@MakeAppswithDanny]

Thanks Omair!

[@yehezkielwijaya5863]

Awesome tutorial, thank You Sir!

[@MakeAppswithDanny]

Thanks Yehezkiel! 👍

[@marcelodheni]

absolutely great, thank you very much for the content, cheers from Brazil.

[@MakeAppswithDanny]

Thanks for watching Marcelo!

[@demolatheophilus9394]

You've really helped me so much 🙏🙏. Bless you sir.

[@MakeAppswithDanny]

Glad to hear that Demola!

[@jrguedes]

Thank you so much. I've learned a lot of things from this video

[@MakeAppswithDanny]

Glad to hear it Júnior!

[@meetbardoliya6645]

You're the Gem! Thanks a lot:)

[@MakeAppswithDanny]

Thanks Meet! 👍

[@faderik]

Amazing video, ez understand for beginner

[@MakeAppswithDanny]

Glad you think so!

[@wladimirllanos1438]

Great lesson, new subscriber!

[@MakeAppswithDanny]

Welcome aboard, Wladimir!

[@thaleschadiarakos196]

Great tutorial!. It helps me alot. Thank you

[@MakeAppswithDanny]

Glad it helped Thales!

[@jorgemarquez7343]

Thank you!!!. vuex explained the correct way!!!

[@MakeAppswithDanny]

Glad it helped Jorge!

[@MartinMasevski]

Deam this was so good!

[@MakeAppswithDanny]

Thanks Martin!

[@vc7057]

Perfect ! That's what I needed :-)

[@MakeAppswithDanny]

Glad I could help, Valentyn!

[@vulcan2230]

Thanks Danny, this tutorial was excellent

[@MakeAppswithDanny]

Thanks!

[@nickoquiamco978]

This is good. Thanks a lot!

[@MakeAppswithDanny]

Thanks Nicko! 👍

[@traycel5210]

What a great tutorial, cheers!

[@MakeAppswithDanny]

Thanks Traycel! 👍

[@raymondkalumbajoseph5789]

Am coming from react just two days into vue, have found this video interesting with great explanations on the state management using vuex, big ups Danny

[@MakeAppswithDanny]

Thanks Raymond. Hope you enjoy Vue 👍

[@dekebaoe]

Great Great Great! Thanks a lot Danny

[@MakeAppswithDanny]

Thanks Basar!

[@besmellahbasam5751]

Explained very well. thanks

[@MakeAppswithDanny]

Glad it was helpful!

[@chukwumaifeanyi4083]

Superb Job bro!

[@MakeAppswithDanny]

Thank you! Cheers Chukwuma! 👍

[@wildannugraha1130]

great, clear explanation

[@MakeAppswithDanny]

Glad it was helpful Widlan!

[@aswinpreman907]

Great video bro. Thanks a lot

[@MakeAppswithDanny]

My pleasure Aswin!

[@dweebycat9929]

Very helpful, thank you!!

[@MakeAppswithDanny]

Glad it was helpful!

[@minskinho]

Excellent! Thank you very much!

[@MakeAppswithDanny]

Thanks for your comment Matheus!