In the last video, we saw how to implement the use of not just in this video, we can see the store
dogs and some changes in next hour.
Yes.
So before that, we have to import two packages and the last video, as you can see, we have imported
that the tool toolkit now really important react redux and also react Google Log.
So npm install.
React Redux.
So whenever you get stuck at some point, like if you are not understanding water, for example at miracle,
you're having a slight confusion what this creatively so objectionable.
But everything you can refer to the documentation documentation is a standard thing that a programmer
should refer anybody, get stuck at something.
So then whatever the official documentation of React available on the internet.
So just go to Google and search, create slice reactor documentation.
Then you will get the official documentation link.
You can read through the documentation so that you can have a clear idea if you're not understanding
any of the concepts.
So this is the basically each and every programmer will do this thing, like whenever he gets stuck
at some point, even the documentation just simple as that.
Okay, let's get to continue to protect and install React Redux, click on.
So meanwhile, it will start.
We will with that.
We are confident of the features.
Next, we have to create the store.
Not just.
Store dogs here will import the configure store from React Just Toolkit that we installed in the last
few.
So import.
Convenience store.
I mean, it gets tricky.
So this is a that the act is useful since it got to know that it recognized Redux Tool Kit is presenting
your package.
You can see that package and you can see auto inside dependencies that are dependencies.
So yeah, the actors toolkit so it can notice this and auto fill the code.
So this is where we act.
We just heard about is a good fit programming kind of thing.
This is the idea that I would prefer.
You can also use any idea by installing snippets as we do, and we just record every idea as its own
packages and snippets can use them.
OK.
So after this, we have to import the user reducer.
So user, the user.
Is what we have in our users lives.
As you can see, we are exporting the producer.
Right.
So this.
This will have an user slice.
I can import it from here.
Dot dot slash inside the features folder.
I have my user slice.
Right.
So long as this is done, there is only one small function that we need to right?
Export.
Default.
Configure store.
We are basically exporting this.
And inside this will ever reduce it.
And the user should use this reducer.
So what's basically happening, we are using very dysfunction that we created and use Slate, and we
are confident stories basically used for authentication so that we are confident on figuring the website
so that whenever the website want to use some functions, like how to get the data, blocked it out
to get the user signed, and then it allows this reducer and instead reduce it.
We are sending the reason that we created.
So this is basically the custom reducer that we created that we are sending out over here.
So this is what we do in St. George's.
So I think the React Redux is very accurate as instructed.
These warnings are based on because every time the dependencies gets on updating so that some update
bugs.
No need to worry about them.
He had, as you can see, added eight packages from 52 contributors.
So this is the important message that we want to focus on.
So once this community, we want to install one more package that is.
And both.
React, Google, log in.
So basically, we are going to sign in with Google feature.
So that we can log in with Google, so in what react Google logging or so in Britain in?
And we and start.
So this will mean, meanwhile, there is one more small thing we need to do before finishing up this
veto that is going to be next our debt.
Now we have configured.
So now we'll use their configuration inside the store budget and also the provider function from the
React Redux and use them inside that app so that our app knows that we have to use the Google authentication
using the store and reduces that we have developed.
So before that, you have important so just import.
First thing is.
Provided.
Some React Redux.
And then import.
Store.
From slash to.
So once this is done, our app should know that what kind of provider it should use.
So for that?
Let me write this score.
So the provider.
The provider, when he was the store, fell out of an average store attribute, this should use the
store that we developed the reducers and everything that fit.
So instead of this, I'd have my app function.
This generation?
Yeah.
That extra space is already here.
So with this, we have completed the basic setup like the story, us lives reduce our functions, importing
the necessary packages that also other packages, such as the material you write code and Axios quickly
install them now only npm install.
At the rate that we use in the future religious material, you write, slash court.
And also, Xia's excite us so you can install them in a similar fashion and demonstrate Xia's.
So why don't you install and complete this slide and show Dargis now we can dive into the companies
in the next year and shop at the homepage component.
See you in the next few.