All language subtitles for 3. Map vuex state

Hello.

In the last like driving to those your concept call to watch in these lecture bills continue with more

improvements and many factors.

OK, so let's take a look at our current structure every day.

The watch that was just as a example so we can remove watch.

OK, let's remove it.

And let's remember the comments on Forget.

Come here and the lazy.

Let's remove.

As we will take a look at your computer to download very elegant what we need to do in order to ask

for a register state, we need to access store state user register error.

That's very, very long statement here.

That's not that nice.

Right.

So what we want to do instead, we would like to use some helper functions from the UX.

OK.

So under the script here, let's import here helper function called map state import curly brackets,

maps state from view.

What we can do now, I will just move this down.

I will at it out, so still have a view of it.

And instead of doing this call here, they come up to that level.

They'll call here in upstate.

You'll quite like this and it will provide a configuration object.

Inside and outside this object, you'll specify your computed properties that are defined in the viewers.

OK, so in this case, it would like to get error and processing.

Soils, Arora, like this, you can define it as a function of the ability to run the state.

OK, so edible director running the state and the function here parameter here.

What will be getting here is a state from the vucic's so you can simply get here state.

And this way you can write your state dot userra dot register.

Dot error is sure there, but they can even short it more.

Since we're getting here a state, we can this structure as the user from a state straightaway so that

their curly brackets can bacteria user and they can write their user.

Now it's much better because.

I know that that we are getting here, use our module from the user module, I'd like to see the register

state on the register I am accessing for error the structure here.

State register error.

OK.

But you plays a stage with they use.

OK.

And let's say the same thing here.

Let's do the same thing for its processing so that it's processing again, it'll function.

This structure right here and it get here, user, and let's go down here.

User register.

Is processing.

That's it.

OK, so maybe that's the way you would like to go, the navigator, of course, verified, so let's

say it plays a go to.

But I was there as a refresh.

Error and processing.

OK, we currently don't have any other processing that's wrong, we should have you at all.

Sign up.

OK, we're not getting anything.

Oh yeah, we're getting.

We are getting better, but the processing of the aisle to get things, so probably I have some typo.

OK, let me fix it.

And I can see it straight away.

I have a just typo is a processing uppercase.

Now it should be fine.

Yeah, I can see it's false sign up.

And it's true.

OK, guys, it's working perfectly.

That's how you can do it this way, you can extract any state from there you.

It's more elegant, it's more readable and clean.

Now let's use its processing not done displayed like this.

We can remove it.

And what we can do instead is go to the button and they can disable button.

Then we are processing.

So you'll hear that they're binding kind of be here.

Disabled one disabled, remember every attribute they have normally on HTML elements you can we can

provide your binding and you can provide your normal variable.

So we want to disable button.

Valuable, then, the processing is processing.

So now the button will be disabled and its processing is through.

But I leave it like this, so it reflects just in case and let to hear a sign up, you will see while

I am processing, I am I am blocking the buttons so complicated multiple times.

Well, of course it is happening fast.

The Conservative, your sign up, I'm getting her immediately aerosol and immediately it's enabled back

again.

But we are definitely definitely doing something.

They are blocking the button.

All right, guys, that's going to be it.

We have new functionality now, you know, how to use maps state.

They are looking at a button, you know, disabled and will continue in that lecture.

I hope to see a lot of guys that years.