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