Not bad, not bad.
We have our app now where you would just want to connected to our project and as far as the info, we
can get it if we navigate here, the docs and more specifically, we're looking for you Libres are here
and I'm going to go with Arth zero React SDK.
Now, there's also option for this one of zero single page app as they go, but actually find this one
to be a bit more straightforward and less buggy because with this one there were some weird bugs.
So I just went with react as D.K. So we click now there is option for reading more info and essentially
I cover that in the previous project.
There's this one setting that we add that we can find in the API.
By the way, I'll open up one more window, but I'll show you that set up right away.
So tell me honestly, yes, there is some useful info as far as we can set everything up, but we can
get most of it in here as well.
And the way we set it up, we would need to, of course, install the package.
So we would go with NPM, install all zero and then the react one.
Now, of course, I have already installed it for us.
So we have it if you are using the star project and then we import Arth zero component from that package
in mind that this is a named import and then we would want to wrap our application in that component.
And then we need to provide props.
We need to provide domain.
We need to provide client Edie.
And of course, we have a redirect.
You are right.
And then there is extra one of the local storage.
So this is the case where I'll quickly show you the actual API and we're going to keep on scrolling,
keep on scrolling, and hopefully we will hit it at some point because what we're looking for is the
local storage.
So we would want to set up cache location.
This is the problem that we're looking for and by default, it's not going to be a local storage and
we just want to set it up that we'll save it in a local storage.
And what's really called just saves the tokens in local storage.
And again, you can just avoid some unnecessary bugs.
And what we'll do, we'll add it as a prop to our auth provider.
So let's set this up.
I'm going to write away copy and paste.
I think it's going to be much faster.
We'll navigate to our application.
I'll make this one a bit smaller.
And the notice, I'm already importing the auth provider from the package and that I would want to wrap
my whole application.
So make sure that you copy and paste the auth provider.
And now, of course, you would want to wrap all your previous providers as well.
And then there's going to be a tiny bug.
We just need to move that comma down here.
And then I remember we need to provide these vouchers now.
We already covered how you can set up, of course, the environmental variables if you want to do that,
is definitely an option.
Now, I will leave my ones without environmental variables.
So that way, if you go to the source code, you can always take my vows and just astrud whether everything
works, because if it works with, of course, my values, then you need to go back and double check
yours.
If you have some issues, even with my values, then of course we know that the issue is somewhere else.
So I will leave my ones.
For your reference, so if you ever need to go back and just to set out whether your application works
with my credentials, then of course you can do that.
But in your case, if you don't want to leave them as far as the source code, when you push it up to
the GitHub, then of course, remember, we set up the dot and we in react.
We need to set them up in a certain way where we start with, I believe, create, underscore, react
app.
But again, please double check that.
And then we provide these powers and then we just use process.
And again, if you need a refresher, please go back to one of the advanced projects where we were setting
up the environment variable.
Since I'm not going to repeat that right now, in my case, I'll simply grab these suckers over here.
So this is going to be my domain, of course.
And then we have client ID.
And then I also want to add that extra prop.
We're every time the user logs in, I would just want to serve it in local storage as far as the token
and the problem that I'm looking for is cash location.
And we simply say here a street value of local storage.
So we say local storage, we save.
If we don't get some weird bugs, we are in good shape.
And of course, now we can proceed on setting up our contacts, our user contacts.