Learn Vuex by Example - Handling Vue State Management

[@yaesmucho]

you are really good at talking , great voice, easy to keep up tempo.. im enjoying this and other nuxt vuex courses... you are not the only one, but sure one to keep up coming back to..

[@Max-cr3dz]

What is a good practice to attach data from a database to vuex? At what point should it be fetched and passed to vuex? Should it also be done through mutations?

[@abdalrhmanmahmoud5725]

i am a beginner should i start with vuex or made some project with vue at first

[@LaurentVanDessel]

Hi, great tutorial! Have a small question though. What's the reason you define both ...mapActions(['removeLink']) as a removeLink function that calls this mapped action in the HelloWorld component? I just omitted this last "removeLink" function and that works perfectly fine too? Perhaps that's only necessary if you would like to do execute some extra modifications to the view? Also in the last step ("Stats" component), you both do ...mapMutations as ...mapActions. Doesn't only doing ...mapActions suffice?

[@easy-stuffs]

Happy to see someone has the same question as mine.. :-) Hope Gary reply for that soon..

[@tycooperaow]

@@easy-stuffs still no reply

[@DhanaLakshmi-yn7wi]

Nice video, what is the difference between mutators and actions ?? We can remove an element in mutators right??

[@tododigital3725]

just wondering if name: 'Stats' is necessary as you are using export default which will take the filename.

[@kingzeddicus]

You sir just earned a new subscriber! I have learned a lot from just this tutorial. Thank you for your hard work. I hope you keep making videos like this in the future.

[@vladhusnullin1650]

Why do we have to map Actions from the store - if we actually are not going to bind HTML events to those store actions ? maybe there is a way to just call those actions directly, without mapping it to components methods ?

[@DavidVII7]

Great primer to vuex that's easy to follow. Thanks for putting this together. Cheers!

[@LifestylePro201]

very good tutorial i have already use vuex but this good example for map action map state and mutation we can use a standard way of coding.

[@easy-stuffs]

Since you have directly triggered ADD_LINK to add a new link without using any mapActions then why can't you do the same to REMOVE_LINK and REMOVE ALL? Any reasons?

[@blacklotus1606]

he actually mentioned it, if you want to do [ a sync call ]then use MapAction. listen from 25:05

[@dominikkietyka9523]

it's better than angular?

[@andrewkiminhwan]

truly a big fan of these Vue videos. thanks!

[@lowkeygaming4716]

Really nice example. Very simple and informative

[@khanriza]

Unreal tutorial. Thank you very much.

[@_rachid]

Thanks for this. Vuex is simple to use than redux with React.js.

[@jtktam]

For future courses can we have some typescript examples?

[@jgkdmdevienjjgg8866]

You shoudn't import REMOVE_ALL mutation to component in the end

[@handle13699]

Great tutorial, thanks. I made this project with Nuxt and everything worked well. The only problem I got is that when executing the removeAllLinks method the links array is set to 0 after 1.5s but the is not updated, the links are still displayed and the App needs to be refreshed. Any idea what is happening?

[@real-oppenheimer]

31:36 Why do you import mapMutations at this point? Isn't mapActions sufficient?

[@KFGhostFace]

legit thinking the exact same thing. the component should only need to be aware about creating actions and sending payloads afaik

[@renwar]

No need to import mapMutations.

[@mrashad_com]

Awesome, this tutorial make Vuex looks very easy, thank you

[@dudeking1000]

why is mapGetters defined in computed and mapAction defined in methods?

[@Max-cr3dz]

When an awkward joke ment to be funny but remained awkward :D

[@ThePrintLife]

I have started the development a screen printing shop management system. How would one go about making sure they have the proper implementation plan.

[@jonecir]

Hi Gary, really nice tutorial! Congrats! I also tried to add a link by creating an Action and it worked just fine. So what's the difference between calling the mutation (this.ADD_LINK(this.newLink)) and the action such as ( this.addLink(link) )?

[@mamadoundiade2764]

Thank a lot for this tutorial, it really helps me to more understand vuex concept ! Thank again.

[@nowacry]

where do you define the ?

[@PVideos10]

routerView becomes available automatically when you choose to use routes. router.vuejs.org/api/#router-view

[@tanveeriqbal6680]

You are too good. Great video on Vuex. Learned a lot. thanks

[@fachrizalrifahdi]

whats mean "..." after mapState function?

[@daledurham3048]

Why did you need to map the mutation for REMOVE_ALL? All you did was dispatch the action. You never referenced the mutation in the component.

[@crazieeez]

I agree. Mutation and State should not be in component. Only mapGetters and mapActions should be in component.

[@kimie126]

why my color is gray, not pink like yours?

[@imranshaikh115]

Thank you very much for this kind of beautiful explanation

[@rudstoncullen3410]

Excellent Saved my day! Thanks

[@SunilKumar-fh6jk]

Thank you so much!

[@jitujack007]

how to use state in component itself(Not in HTML)?

[@meghan1798]

Thanks for the amazing tutorial!!

[@jimh7604]

great tutorial !!!

[@edarioq]

Getting Error in v-on handler: "TypeError: this.ADD_LINK is not a function" with Typescript :(

[@graceokolo3036]

Thanks a lot for the tutorial!!

[@j.d.3890]

I didn't get why not just use this.$store.dispatch("removeAll") in methods? No need to do any imports or additional declarations.

[@hardcodd]

The best of the best! Thanks a million!

[@jasonj6550]

Thanks i learned alot!

[@tomvito]

Great video! Thanks :)

[@fauzanadhima8961]

Good tutorial 👍👍 .

[@rubinbajracharya9319]

Awesome stuffs. Thanks. Also can you also make a video related to SEO in Angular 5 and above and how to host the site made in heroku or other. Thanks

[@meeshell74]

Thank you!

[@ViralVideosCompilations]

awesome video

[@tyresew.4233]

Now look if somebody ran into an error Maximum Call Stack exceeded on removeLinks() I found a solution. So under Methods, in mapActions its referenced as 'removeLink' but when defining it its removeLinks (plural) . ...mapActions([ 'removeLink' ]), addLink: function() { this.ADD_LINK(this.newLink) this.newLink = '' // empty when }, //plural removeLinks: function(link) { this.removeLink(link) } }, /

[@Ruby-od2wn]

Awesome thanks for good tutorial..

[@georgesmith3022]

i reinstalled vue-cli but it still show 2.9.3

[@georgesmith3022]

i found out npm install -g @vue/cli

[@marks.4405]

Please add the source code to github, Thanks

[@yaesmucho]

is this a little outdated? its August 3 2019.

[@bashovski]

No, it's not. Feel free to follow the steps from this video.

[@thomaswhelton8864]

4:03 not sure how to hineniner

[@mediocrelove9736]

You're the man! Thanks

[@mohammadrezaasadi6529]

awsome awsome.....!

[@maxmaksum4673]

Awesome

[@iNVICTUX]

Nice

[@joe44850]

Great tutorial. But no, KZbin, I do not want to learn to draw, even if I see the commercial 27,000 times.

[@HaiderAli-co9jl]

19:52

[@gokudomatic]

Really nice tutorial. Thanks a lot! But I'll need you to go ahead and stop saying "I'll go ahead". That'll be great, m'kayyy.

[@dejo095]

Geez, the nerve of some people!

[@geleiva]

this is the post [coursetro.com/posts/code/144/A-Vuex-Tutorial-by-Example---Learn-Vue-State-Management]

[@humanexe5451]

Why is this better than PHP and regular Javascript?

[@LNTutorialsNL]

0:36 libertarian confirmed

[@philosophersam]

after hearing that, I needed to watch some Tom Sowell :-)

[@rodrigz]

Who doesn't hate tho?

[@latiendamac]

kzbin.info/www/bejne/p33GlGRvotlnm6M needed

[@di3g04]

Taxation is theft

[@DindaneChahinaz]

I still don't understand why people code on windows... We're in 2018...

[@DesignCourse]

I still don't understand why people bitch and moan about which OS others use... Like, we're soooooo in 2018!!!!

[@DindaneChahinaz]

We are forced to use Linux at university, and when we want to lean, people code on windows. It's been already 4 years that i hear my tearchers be like "Noo, don't code on windows, yes linux and mac is better, yes to open source, oh you have windows, where here -10 on your test 'cause that's bad". And I'm not your friend, so don't tell me that i bitch or moan. If you can't give a proper answer, well don't. I'm here to lean, not for you to scream at me. Thanks.

[@DesignCourse]

I was recently quoted as saying, "Don't go to school for code." You've given me reason #427 to add to the list of reasons: Stupid professors 😂 And if you were really here to learn, you would have omitted the snarky "We're in 2018.." I'll give you an answer though. Back in the late 90s when you were in diapers, I liked to game and code, thus PC. Back in the early 2000's, I had an aversion towards computers that looked like toys (iMac). Back 8 years ago I still liked to game and code, but I also had an aversion towards weird looking soyboys in silly commercials (Justin Long). Throughout all of this, I could always easily upgrade, build equivalent PC's for half the cost, and design / code whatever I wanted. ...are we BFF's yet?

[@DesignCourse]

Maybe I'll elaborate on today's live show! Tune in at 10:30am et and I'll give you a shout out!

[@DindaneChahinaz]

Actually, everything i've learn isn't because of school or university. Sorry for "We're in 2018", that's a misunderstanding. Of course we're still BFF, i learned lot of thing thanks to you.