Vuex Crash Course | State Management 

8:46 scaffold doesn't work anymore with the latest version of vetur, you should type 'vue' instead.

It's not long time I discovered your channel and surprisingly all of the videos are REALLY valuable. ALL OF THEM...

You've got a special talent for keeping this simple and to the point. Even the pasting in of CSS is an excellent idea. Keep up the good work, you've got my money!

Lets Go!! Brad don't stop ever!! Thank you sir.

Thanks, i'm a working developer and this tutorial is industry standard. Learnt a lot.

I recommended your channel to my friends who are interested in web development..

You can easily change the `$event` part in the filterTodos by this: Add/Replace this in FilterTodos.vue file 1. __ 2. __ _import { mapActions } from 'vuex';_ _export default {_ _name: "FilterTodos",_ _data() {_ _return {_ _limit:0_ _}_ _},_ _methods: {_ _...mapActions(['filterTodos']),_ _onChange() {_ _this.filterTodos(this.limit);_ _}_ _},_ _};_ __ Add/replace this in todos.js (module) file 1. In _actions_ add this instead _async filterTodos({ commit }, limit) {_ _const response = await axios.get(`__jsonplaceholder.typicode.com/posts?_limit=${limit}`)__;_ _commit('filteredTodos', response.data);_ _}_ 2. In _mutations_ add this instead _filteredTodos: (state, todos) => state.todos = todos_

im a new convert to Vue. React was driving me nuts (jsx) and when i looked at Angular, Vue just looked better in every way. Thanks for these tutorials.

If you want to use mapGetters like he does in 17:26 you now have to add the spread operator pointpointpoint infront of it -> *...mapGetters(['allTodos'])*

Brad is a mind reader... Just opened vuex docs yesterday and still on it, then he uploads this video :D. Thanks Brad

47:30 , you could just type $event.target.value in the @change method in FilterTodos.vue

I don't know , dude. Should I stand up or sit down for taking off my hat and say "THANK YOU, bro. That was mind blowing tutorial." . Good luck , bro.

Sir I love your Videos, but Have it in mind that the next generations won't forget a Hero like you..

i just got done watching your vue.js crash course you updated back in January. You said you were gonna do this video "in a couple months." This posted in March. Love how spot-on you were with actually delivering on that promise. Good work sir!

Your Crash Course is great, I have watched it since I'm in first year college and now I'm in an industry. Great help! Thank you.

Life should be simple or minimal. I'm moving now to Vue from React.

At 47:15 you can just use something like "const limit = document.getElementById('id_name_of_select_element').value;" to get the value of the element. Don't forget to give your element the id you passed into this const variable

Man this is gold, keep recording new lessons. Explanation, visual are on point, and most importantly it is brief. Subscribed and added to watch list on the second video.

Thanks Brad. I'm learning Vue and this is really helpful. Also what I like is you don't speak / code too fast so that I can code while you speak.

Literally stumbled upon this problem in my project, glad to find vuex

Thanks, Brad! That really helped me understand faster how to use Vuex. It's simple and elegant. So easy once you get the hang of it. Keep up to awesome work!

Subscribed to this channel like 8 months ago. Dont regret it at all.

your tutorials help me a lot for my first job as a software engineer. I'm grateful to Traversy media

no one else is uploading consistently like brad on youtube. the absolute GOAT

really good tutorial, I was just brushing my vuex skills, Quick note: - instead of using event for filter you can use local data(state) and on change on select makes it easier

you're the only one who describes things clear. thank you

You are the best teacher I've come across... Thanks for keeping it real. Respect

Brad, I am not only learning new things from you but also the coding structure you do is very clear and easy to understand.

It is one of the shortest and best videos to learn using Vuex in your projects, Thanks Brad and thanks Traversy Media

Much appreciated. Thank you for the quality and no annoying selfies. Best of luck.

Thank you for providing so much value to the community!!! 👍👍👍👍👍👍👍👍👍👍👍👍👍👍

For those who encountered TypeError: Cannot read properties of undefined (reading 'use') -- Remove the line Vue.use(Vuex) in index.js will do. It took me hours to figure it out :")

Our team is switching to Vue and this tutorial has been super helpful for me. Thank you so much!

Thank you so much! After watching the Vue Crash Course and this one, I immediately became a patron. Love your content!

Thank you for being soooo generous. I have 2 days of programming experience haha and your channel is really inspiring me to work learn work learn work learn.

for vue3 index.js: import Vuex from 'vuex'; import todos from './modules/todos'; // Create store export default new Vuex.Store({ modules: { todos, }, }); main.js: import { createApp } from 'vue'; import App from './App.vue'; import store from './store'; const app = createApp(App); app.use(store); app.mount('#app');

These crash courses are absolute miracles!!! Enough to get you started without leaving a confusion :D

Thank you Brad. We are so so lucky to have you and i wish you success in all your projects because you deserve it.

Can always count on you to have a tutorial for things I need to quickly learn. I hope you don't mind I listen to your videos on 1.75x speed! You still sound awesome! I just lack time these days... It's not you... it's me.

nuxt js next please!

This is the best video ever for learning VUEX in such a short time. Thanks a lot! Keep going!

Clear and concise walkthrough. You got me a job Brad. Thanks.

Hi Brad, @48:00 why didn't you just use e.target.value ?

I'm just starting with vuex , this tutorial comes very handy !!! , i like the way that you explain man.

Thanks, this helped clarify a few things for me. State management can be confusingly awesome.

This was a good course Brad, but I think you made a mistake to show only using ...mapActions and ... mapGetters when writing Vuex code, as it is easier (and cleaner in many cases) to use this.$store.dispatch() and this.$store.commit() in components versus overly complicating things trying to be elegant using the ...map feature of Vuex when you can just use the global. Thanks for the good work!

Thanks Brad, was pulling hair after moving project to SPA with vue-router, this is the way to go!! :)

Thank you so much, you really made my life essay as I needed it in my thesis. Most important the comparsion with Redux was very useful as I knew it already.

this channel is guaranteed to be a subscription. Keep going and I wish you a lot of success.

Great timing , just learning vuex myself :) so this should be very helpful, will we be seeing a nuxt crash course soon? Hope so!

8:46 "scafold(tab)" changed to "vue(tab)"

Brad this tutorial was so clear and informative! Keep up the excellent work!

Thanks for sharing such high quality material for free. Excellent course about Vue and Vuex - I am starting a new role on Monday and those courses helped a lot.

Wow man, your stuff has always been great but this video in particular is really a whole new level. I learned way more from this than I thought I was going to. Thank you man, hope you're healthy and vibing in quarantine

Thank you so much Brad, your content is one of the most educational content on RU-vid, thank you.

Great to see sucha massive tutorial dedicated solely to vuex. Well done

Thank you so much for this video and in general what you do! For a while, I have been quite confused about state management. But my confidence has increased after watching this video. Time to implement and build a foundation from this video for my own site. Again, thank you!

jsut complete right now,step by step......thank you man

great course! quick, detailled & helpful, even if you never worked with state management

Just really need to thank you cos you make things seem super easy, Kudos

Thanks Brad! I got interested in web development thanks to you, I currently have 2 years working mostly on React, don't love Vue (don't dislike it either) but is good to know other ways to do the same thing.

Damn dude, what a lifesaver! You are the best.

Brad love you man. The way you describe those stuffs it looks like wow how easy was that.

Some suggestions... 1. You can use e.target.value when filtering 2. When updating, you can use a patch request and just pass in completed in the request body, and call the update todo action directly in the double click listener Great video as always!

Just like aways, I've learned a lot here! Thank you, dude!

Hoooly... i just watched vue crash course and i thought it would be cool if you could do vuex course. You are a beast, Brad!

Are you going to do a Vue.js Udemy course? If you do sign me up.

Edison didn’t sleep 8 hours per day because, he didn’t ask internet for an advice. Hard work has no substitute. Thanks Brad.

You could've also filtered the todos by emitting an event from the child component and passing range from there to the parent component. I did it this way and it doesn't even require you to make a new request to the server.

Idk why but i always dance whenever i hear your bg intro HAHAHA

Nice tutorial! I am using vue/cli 4.5.13 and there are some incompatibility issues. For new version of vue/cli, it's better to select vuex directly from the vue project creation wizard, which will setup the vuex environment correctly for you.

finaly i've understood vuex ... thank you ...

this crash course is very nice, i so understand everything about vuex. thank you very much sir.

Thank you very much Brad for your passion and knowledge sharing. Greetings from Brazil Vuejs Community!

I recommended your channel to my friends who are interested in web development, I'm so thank you for good video share 💖💖💖

This was a great video tutorial; It helps me clarify some concepts about Vuex. Obviously, this is not for a beginner. Great job! Thank you for sharing your knowledge; I wish you success in everything you do. Thank you

Excellent video again, I so much like following your videos, explained in very detail and thorough, I like the fact that you make a mistake and then fix it in front of us, everything is so natural :-)

Excellent tutorial! I noticed that removing some await(s) fixed the timing issue

In between the grid spaces of todos it is actually an optical illusion. You see grey dots between the spaces of the todos you are not looking at 35:36

Amazing. Thanks to you I understood all the topics about Vuex.

Hi from Peru, thanks for sharing this awesome course about VUEJS

48:24 Why don't you just put a v-model on the select, assign it to a variable limit and then add an onChange and call filterTodos from there?

Sir, you seriously rock! Very well explained in a relaxed and clear way.

you are doing an awesome work!, I have recommended your channel to lot of friends to learn and move forward in career.

Thanks for using REST API. Other tutorials are like using manual hardcoded datas which are not actually the best idea for this kind of tutorial.

This has been life changing to me .. thanks man.. God bless

this tutorial is just golden, thank you so much

Hi Brad; I'd like to make a suggestions: Since Udemy doesn't have a feature for student to follow an instructor (Like pluralsight has), where when an instructor publishes a new course all the followers get email of the new course. Unless I've missed it, I can't find it on Udemy. My suggestion is, when you have a NEW course on Udemy, create an intro video here (2 minutes) to describe the course and you get RU-vid to notify 675,000 subscribers for you. This way if I see the course that fits me, I go an buy it. In the intro you can offer discount if you want. In fact you should tell Udemy to offer feature that students can follow instructor. ..Ben

It would be great if you can create a video with some example of routing and populating component on the basis of last state

Another fantastic tutorial! Thanks brad!

A nice tutorial. Simple, concise and well explained.

fantastic tutorial. perfect speed and everything is super clear.

So clear and concise, as always ! Thanks a lot Brad !

u are master and creative great lesson and easy to understand thank u Brad

The number of times you said todos in this video is bigger than the number of seconds in it hhhh thanks ur very good teacher brad

Thanks. It has really helped me. I really like your videos.

So used to immutable array operations in ngrx that when I saw unshift or splice my eyeballs went out of orbits ;-)

Hello Brad. I really enjoyed your videos. May I ask if you ll do a Nuxt Crash Course?

Your content is amazing, Simple and very effective. Keep it up.

Still Rocks!, just amazing .. Support this man!