In this video, I'm going to use my custom image as my logo and then the links.
We are going to use the link component from React rather than using the H range coming from a HTML.
Because if you use that one, anytime we click on a link, you can see that it is refreshing the entire
application and other one that because of that, let's go ahead and then configure the number.
So inside the component and nav bar here is a number component.
So first is let's bring in the link component from React add on and we are going to use this one instead
of the default a link.
So if you scroll down, we have one here.
So let me replace this one with a link and then to have that one and this one too, let's replace this
one with a link and under react at all.
We explain in details how this one works.
So here the path is supposed to be two and then this one also let's replace with a link and let's change
this one to as a prop.
So we act on and change this one to to this one.
Also we have that and this one also to to.
We can do multiple select, but sometimes it can mess up because we have couple of lanes and then the
attack.
So let's do it manually by moving bit by bit or slowly.
Okay.
So here, let's change this 1 to 2 and for the mobile part of it to.
Now let's remove this one.
And now this one is two, two, and we have this one.
I start and here to two and here is length and this one change form to two.
Oh, sorry, guys, if I'm boring.
Okay, so now that is it.
So let's see.
When I click on add transaction, you can see that there is no refresh and that's what.
And log in and register and log out.
Great.
So now we have most of the component to get started with.
So the next video we are going to implement how we can register or log in from the front end using this
form.
Great.
And in this video I will change my logo behind the scene and after that I will show you how I change
it.
Okay, so let's get started with a context API, how we are going to handle the State Inside React application.