All language subtitles for 2. Vuex state

Hello, welcome back.

In the previous lecture, we have installed the Buick's and we have integrated the view into our application.

In this, I call continue and I will introduce you more functionality.

OK, let's start, let's start in ah, the X-File.

So let's find out a file folder or index doctor is currently in of us.

We have only one action.

Actions are like functions which you can execute.

We have only test function, which is an action in the terms of the view and we are calling it from

home.

VIDEO We are dispatching it.

As I mentioned to this page, you will provide a name of your action.

OK.

You can get the right of this button.

We don't really need it just for testing purposes and also from our view.

We can remove the actions those.

You will create a lot of actions.

Later, you will see we'll be working a lot of you.

OK, so let's remove actions and instead of the action.

So let's introduce here a state by state.

All right.

So the functions are similar as a data one you've eaten here data you would like to work with.

OK.

So have the right here to return the object and to what date I would like to return.

I would like to move exchanges from home that video into here.

OK, so I'll do this elegant 202.

I'll get all of my exchanges.

OK, so every year, starting this square, brackets copy the enter and are exchanges.

Let's copy a remove and we can get rid of data here.

Perfect.

That's it.

Now they can go to Index O.j.'s and we can paste this here.

And we have exchanges, in our view, Sara.

OK, now we have here are the state of what we can do in their home of we can we can get this data to

the state of this unique story.

How can we do it?

We'll do it through the computer, that property that's recommended where they and that's the usual

they have.

You will receive your data because of the computer properties.

You can also react to the changes, as I mentioned.

So for example, if our outdated View X will change to the computer properties in my component, I can

receive every type of new data.

So under the components, you will create compute that would rather copy that.

And you can provide your custom name of the computer properly, since we are already working with the

exchanges here.

This computer property exchanges.

So we don't need to do any change as a descriptive name for extended right.

So exchanges, let's return here, had this, uh, dollar sign.

So what we want to now access as a see saw for the dispatch we will access here it is the last in store.

So the idea of a store that state and how they are calling this state, that they are calling it exchanges.

So as you can see here, everything store state exchanges.

OK, so Star State exchanges like this, and as I did before this, the last story we have here, thanks

to W X blogging, we can access it globally in all of our components thanks to the integration with

the better view of the story.

OK, now when you go to save it, you shouldn't see any change in your application about the architecture

of the application, of course, changed.

Let's save it.

Let's go to Brian.

There I was.

There any browser?

Let's refresh and yeah, no changes here, guys.

So but they will inspect.

I want to make sure there are no issues on arable warnings.

Everything is good, and that's going to be it.

Let's go to the next lecture.

You'll they're doing more changes in the view.

A bit.

It'll go slowly down into the Firebase topic so they can fetch our data remotely.

OK, but let's continue to neglect your guys.

Years.