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.
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?
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...
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
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.
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)
Dude.. Wow, this is certainly the best vueX tutorial on YT
true man
Man you guys are the best teachers
TBH all i can say is Woow 👏, this is the best vueX tutorial on RUclips
Great video, finally understood vuex
I wish one could like a video twice.
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
amazing tutorial much much greater than any thing i can learnt or watched till date...!!
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 :)
Good video. I understand vuex concepts faster than expected.
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
Awesome tutorial 👏🏽 very detailed, but simplified through visuals and clear points
My very first time seeing tutorial like this. Awesome and thank you. :)
This was brilliant! Concise and well explained! Thank you.
Very best vuex tutorial in the work 🌍 thanks a lot 💚
Best tutorial ever of Vuex with little code he explained pretty much everything! 😍😍
Really nice, successful and visual attempt to explain Vuex. Great!!!
Really awesome, great job dude
Thank you very much, it has been very neat intro.
Best Vuex tutorial ever
Pinned Comment: Best ever video about Vuex for beginner
thanks to all
You are the master... 👍👍👍
best explanation , very easy to understand
Great Explanation ❤
Very clear, good diagrams
Great introduction, thanks. Simple and easy to understand.
Thank you! I've thought that component methods are analogous to mutations, but now I understand my misunderstanding! Thanks!
Wow it's great effort 👍
Thx. Very interested.. but to short.. would be cool see more features e.g how to manage LocalStorage with vuex. 😊
Thanks for such nice explaining, Dude! It is really great.
This video is amazing!
Damn, nice job guys!! Thank you!
Awesome video! :)
Great explanation, thanks.
Your content is amazing, keep it up!
beautiful tut - bravo!
the animations were too cool, it distracted me from following 🤣 Nice tutorial 👍
wow it's amazing thanx a lot
very well explained
the diagrams helped ty
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.
Wow, nice job
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 :)
Great video. Really helped me.
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?
Great tutorial! Thanks.
hi mr,
my goal is to build an online training site like yours. But in mathematics.
Do you have tutorials for its.
This is great!
thank you for video. i'm understand
So basically an structured observer?
Well explained
Subscribed ▶️
Excellent
What software do U use to create this kind of video?
Primarily Apple's Keynote
Thanks
Very Clear. :-) Thank You
Great video.
I love vue so much
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...
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
Great !!!
Great video
Which software do you use to make these videos?
We use Keynote :)
Seems I can use it in internationalization.
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.
amazing
Great!
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. :)
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
perfect !
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)
amiazing
So how to we manage state across multiple components? Behold: the God object! :)
Please make any web app by this way..
You are going to throw every other tutor out of business
It's kinda embarrassing that the dev community didn't realize immediately that centralized data management was also useful in client applications.
This guy on the Bulma site?
Soooo redux basically
no flux. redux, mobx, vuex are all implementations of flux
The vuemastery link is reported as insecure.
action, mutation, etc are quite useless....
Typo in title. Redux is not spelled "Vuex"
Great !
Great!