1
00:00:08,010 --> 00:00:14,070
In this video, I'm going to use my custom image as my logo and then the links.

2
00:00:14,070 --> 00:00:22,110
We are going to use the link component from React rather than using the H range coming from a HTML.

3
00:00:22,440 --> 00:00:29,220
Because if you use that one, anytime we click on a link, you can see that it is refreshing the entire

4
00:00:29,220 --> 00:00:36,390
application and other one that because of that, let's go ahead and then configure the number.

5
00:00:36,390 --> 00:00:41,400
So inside the component and nav bar here is a number component.

6
00:00:41,610 --> 00:00:49,290
So first is let's bring in the link component from React add on and we are going to use this one instead

7
00:00:49,290 --> 00:00:51,630
of the default a link.

8
00:00:51,630 --> 00:00:54,570
So if you scroll down, we have one here.

9
00:00:54,600 --> 00:01:02,580
So let me replace this one with a link and then to have that one and this one too, let's replace this

10
00:01:02,580 --> 00:01:05,940
one with a link and under react at all.

11
00:01:05,970 --> 00:01:09,360
We explain in details how this one works.

12
00:01:09,360 --> 00:01:17,460
So here the path is supposed to be two and then this one also let's replace with a link and let's change

13
00:01:17,460 --> 00:01:19,470
this one to as a prop.

14
00:01:25,240 --> 00:01:31,120
So we act on and change this one to to this one.

15
00:01:31,120 --> 00:01:36,070
Also we have that and this one also to to.

16
00:01:36,970 --> 00:01:43,390
We can do multiple select, but sometimes it can mess up because we have couple of lanes and then the

17
00:01:43,390 --> 00:01:44,020
attack.

18
00:01:44,020 --> 00:01:48,010
So let's do it manually by moving bit by bit or slowly.

19
00:01:48,980 --> 00:01:49,390
Okay.

20
00:01:49,390 --> 00:01:55,360
So here, let's change this 1 to 2 and for the mobile part of it to.

21
00:01:55,390 --> 00:01:57,310
Now let's remove this one.

22
00:01:57,310 --> 00:02:02,710
And now this one is two, two, and we have this one.

23
00:02:03,280 --> 00:02:12,320
I start and here to two and here is length and this one change form to two.

24
00:02:14,350 --> 00:02:17,620
Oh, sorry, guys, if I'm boring.

25
00:02:17,890 --> 00:02:19,510
Okay, so now that is it.

26
00:02:19,510 --> 00:02:20,470
So let's see.

27
00:02:20,470 --> 00:02:25,330
When I click on add transaction, you can see that there is no refresh and that's what.

28
00:02:25,330 --> 00:02:28,090
And log in and register and log out.

29
00:02:28,120 --> 00:02:28,720
Great.

30
00:02:28,720 --> 00:02:33,250
So now we have most of the component to get started with.

31
00:02:33,520 --> 00:02:41,530
So the next video we are going to implement how we can register or log in from the front end using this

32
00:02:41,530 --> 00:02:42,160
form.

33
00:02:42,370 --> 00:02:42,820
Great.

34
00:02:42,820 --> 00:02:48,850
And in this video I will change my logo behind the scene and after that I will show you how I change

35
00:02:48,850 --> 00:02:49,140
it.

36
00:02:49,150 --> 00:02:57,130
Okay, so let's get started with a context API, how we are going to handle the State Inside React application.