State: data Mutations: sync methods responsible for updating the states directly syncronously. e.g set Loading status Actions: methods responsible for updating the state asynchronously via mutations only, e.g. fetching api then commit mutations Getters: retrieving computed states/data from the store directly
What's missing from an intro is how the rest of the app uses the reactive store to display data. You might want to add that to convince developers right away.
At first, this seems unnecessary complex, but if your Vue app is non-trivial this makes debugging much easier and controlled. Yes, it's more boilerplate, but it makes it easy to see all possible states as well
Suppose if we have 1000 of state need to be updated should we write in only in this vuex store or there could be many store for different types of features?
Beautiful tutorial, but Is all this done just so we can get mutations? Why can't this just be a pattern the developer implements rather than a whole library that has its own API that does things you can already do (except mutations)
where should I put utility functions that should be globally accessible? currently I put them in a global scoped object (not related to vuex). should vuex also be used here? I mean, there is no state in this case...
I came from angular, how do I explicitly set object in a state to be a signature from a certain class? for example, I will have a user class model - export class user {id: number, name: string}. In a state, I will have myUser property in type of user class. I don't want just to write object on the fly but an explicit object. for example ... state : {muser: user {id: 7 , name: 'Hello'} }, or at gettein return array in type of users, etc... in angular its pretty straight forward. thank you.
Dude.. Wow, this is certainly the best vueX tutorial on YT
true man
Great video, finally understood vuex
I wish one could like a video twice.
State: data
Mutations: sync methods responsible for updating the states directly syncronously. e.g set Loading status
Actions: methods responsible for updating the state asynchronously via mutations only, e.g. fetching api then commit mutations
Getters: retrieving computed states/data from the store directly
TBH all i can say is Woow 👏, this is the best vueX tutorial on TH-cam
You can make online college with tutorials that have quality like this
I don't need any fuckin college, just give me this kind of videos :)
I am confused on what is Vuex and this video helps a lot! Thank you!
Very useful! I might have set the todos before seeing the loading Status to notloading
Awesome tutorial 👏🏽 very detailed, but simplified through visuals and clear points
Pinned Comment: Best ever video about Vuex for beginner
thanks to all
amazing tutorial much much greater than any thing i can learnt or watched till date...!!
My very first time seeing tutorial like this. Awesome and thank you. :)
Man you guys are the best teachers
Good video. I understand vuex concepts faster than expected.
Best tutorial ever of Vuex with little code he explained pretty much everything! 😍😍
This was brilliant! Concise and well explained! Thank you.
Very best vuex tutorial in the work 🌍 thanks a lot 💚
Really awesome, great job dude
Really nice, successful and visual attempt to explain Vuex. Great!!!
Best Vuex tutorial ever
Thank you! I've thought that component methods are analogous to mutations, but now I understand my misunderstanding! Thanks!
Great introduction, thanks. Simple and easy to understand.
Thank you very much, it has been very neat intro.
You are the master... 👍👍👍
Thx. Very interested.. but to short.. would be cool see more features e.g how to manage LocalStorage with vuex. 😊
best explanation , very easy to understand
Very clear, good diagrams
What's missing from an intro is how the rest of the app uses the reactive store to display data. You might want to add that to convince developers right away.
Great Explanation ❤
Thanks for such nice explaining, Dude! It is really great.
Wow it's great effort 👍
the animations were too cool, it distracted me from following 🤣 Nice tutorial 👍
hi mr,
my goal is to build an online training site like yours. But in mathematics.
Do you have tutorials for its.
This video is amazing!
Great explanation, thanks.
Damn, nice job guys!! Thank you!
At first, this seems unnecessary complex, but if your Vue app is non-trivial this makes debugging much easier and controlled. Yes, it's more boilerplate, but it makes it easy to see all possible states as well
Suppose if we have 1000 of state need to be updated should we write in only in this vuex store or there could be many store for different types of features?
Beautiful tutorial, but Is all this done just so we can get mutations? Why can't this just be a pattern the developer implements rather than a whole library that has its own API that does things you can already do (except mutations)
the diagrams helped ty
where should I put utility functions that should be globally accessible? currently I put them in a global scoped object (not related to vuex). should vuex also be used here? I mean, there is no state in this case...
I came from angular, how do I explicitly set object in a state to be a signature from a certain class? for example, I will have a user class model - export class user {id: number, name: string}. In a state, I will have myUser property in type of user class. I don't want just to write object on the fly but an explicit object. for example ... state : {muser: user {id: 7 , name: 'Hello'} }, or at gettein return array in type of users, etc...
in angular its pretty straight forward. thank you.
Awesome video! :)
Does anybody know what software was used to create this video with all these beautiful animations?
may be adobe after effects
We use Keynote and take advantage of its animation features :)
wow it's amazing thanx a lot
So basically an structured observer?
very well explained
beautiful tut - bravo!
Thanks
Your content is amazing, keep it up!
thank you for video. i'm understand
This is great!
Well explained
Wow, nice job
Subscribed ▶️
Excellent
Great tutorial! Thanks.
Great video. Really helped me.
Very Clear. :-) Thank You
What software do U use to create this kind of video?
Primarily Apple's Keynote
I love vue so much
So how to we manage state across multiple components? Behold: the God object! :)
Great video however you should show the difference between the maps, map actions, map getters and map state
I'm sure that's explained on another video on their site
Yes, we cover the Vuex helpers (mapState and mapActions, etc.) throughout other lessons within the course. :)
Great!
Great !!!
Great video.
are you going to have a black friday sale for payment plan subscription?
Yes! It's running right now on the website. Use coupon code "BLACKFRIDAY" for 35% off an annual subscription.
Vue Mastery not monthly subscription I was about to sign up to but you said yearly
amazing
Great video
Which software do you use to make these videos?
We use Keynote :)
Seems I can use it in internationalization.
perfect !
amiazing
Please make any web app by this way..
It's kinda embarrassing that the dev community didn't realize immediately that centralized data management was also useful in client applications.
You are going to throw every other tutor out of business
This guy on the Bulma site?
The vuemastery link is reported as insecure.
Soooo redux basically
no flux. redux, mobx, vuex are all implementations of flux
action, mutation, etc are quite useless....
Typo in title. Redux is not spelled "Vuex"
Great !
Great!