1
00:00:00,300 --> 00:00:00,990
Nicely done.

2
00:00:01,140 --> 00:00:03,870
I think we're making a good progress.

3
00:00:04,140 --> 00:00:09,630
So now let's talk about the election, because even though we could technically leave it the way it

4
00:00:09,630 --> 00:00:16,260
is where the user needs to navigate using the URL bar, you would have to agree that probably that is

5
00:00:16,260 --> 00:00:18,660
not the best user experience.

6
00:00:19,110 --> 00:00:24,650
And for that, of course, we would create a number now are already created the component.

7
00:00:25,020 --> 00:00:30,270
So the only thing we need to do is put it inside the router.

8
00:00:30,610 --> 00:00:33,810
Morgan, please don't place it within a switch inside.

9
00:00:33,810 --> 00:00:39,270
There are so right above the switch, we're going to go here with a knife bar.

10
00:00:39,780 --> 00:00:44,550
And at the moment, the only thing we have here is some kind of text.

11
00:00:44,830 --> 00:00:49,080
So, of course, let's navigate to our nav bar component.

12
00:00:49,440 --> 00:00:52,950
And this is where I would want to set up a one more list.

13
00:00:53,760 --> 00:00:58,260
So I'm going to go over here with on a list and then list item.

14
00:00:58,590 --> 00:01:05,750
And then instead of going for traditional length, like we have been doing already in the Emelle, in

15
00:01:05,760 --> 00:01:12,570
this case, you need to import a link from react rather now and then again.

16
00:01:12,700 --> 00:01:20,350
There's a specific problem, and that is to show you go here with Link then to problem.

17
00:01:20,550 --> 00:01:26,340
And this is where you specifically say, well, where I would want to navigate in this case, I'm going

18
00:01:26,340 --> 00:01:27,900
to go with a home page.

19
00:01:28,110 --> 00:01:33,950
So of course, the only thing I do is match whatever was my set up in the index.

20
00:01:34,350 --> 00:01:36,400
So for the home, I had a fourth.

21
00:01:36,960 --> 00:01:43,000
So of course, if I want to navigate back to your homepage, well, I would just use to probe and forward.

22
00:01:43,770 --> 00:01:45,090
And here I say home.

23
00:01:45,480 --> 00:01:52,320
Now, I would want to make two more items and I'm looking for about nine people.

24
00:01:52,720 --> 00:01:57,540
So first, let's just change this text around and we'll say people.

25
00:01:57,930 --> 00:02:00,600
And also we, of course, need to change the URL.

26
00:02:00,930 --> 00:02:09,450
So if for about my URL was forward slash about and of course make sure that it matches, otherwise you'll

27
00:02:09,450 --> 00:02:15,780
navigate to a page, not the end of the world, but probably also not something that you're looking

28
00:02:15,780 --> 00:02:16,030
for.

29
00:02:16,380 --> 00:02:17,340
So let's say it.

30
00:02:17,490 --> 00:02:20,210
And there is now I have my links.

31
00:02:20,490 --> 00:02:26,240
So instead of using the URL bar, now what I can do is just say, hey, show me the people page.

32
00:02:26,400 --> 00:02:33,270
And as you can see, like I said before, now we're just displaying the people component when we go

33
00:02:33,270 --> 00:02:38,400
to about and then we go to home and we can already put two and two together.

34
00:02:38,730 --> 00:02:46,230
If this online component allows us to navigate to a different page, not only I can use that number,

35
00:02:46,440 --> 00:02:48,720
can also use it in the error.

36
00:02:48,720 --> 00:02:49,170
Correct.

37
00:02:49,470 --> 00:02:50,520
So navigate to our.

38
00:02:51,390 --> 00:02:55,170
Notice here how I have imported already alien component.

39
00:02:55,200 --> 00:03:02,310
Just keep in mind that that is a named import, so make sure you add the curly brushes and the only

40
00:03:02,310 --> 00:03:08,550
thing that is missing here is link to then we go, for example, to a home page.

41
00:03:08,660 --> 00:03:11,770
Again, you can navigate to whichever page you'd want.

42
00:03:11,790 --> 00:03:15,810
I'm just going to add home page and just add a little bit of cyesis.

43
00:03:15,810 --> 00:03:22,860
I'm going to go with class name and we're going to go with Bethanne and let's just say back home, back

44
00:03:23,340 --> 00:03:33,750
and line home and I'll try it out where not only of course I can navigate around with my Navar, but

45
00:03:33,750 --> 00:03:39,930
I can also do it here where I say forward slash and shake and bake.

46
00:03:40,230 --> 00:03:41,970
And now I have the error page.

47
00:03:42,300 --> 00:03:50,280
Now, in this case, if I want to navigate back to the home homepage, either I can use the number which

48
00:03:50,280 --> 00:03:50,810
is still there.

49
00:03:50,820 --> 00:03:58,300
And by the way, this is somewhat important where I notice this number will be added to every page.

50
00:03:59,100 --> 00:04:00,270
So these are my roots.

51
00:04:00,660 --> 00:04:07,940
This is where we are setting up everything with a search component, but no will be added to every page.

52
00:04:08,310 --> 00:04:15,420
So that will be displayed on every page, regardless which perjurers starting with home all the way

53
00:04:15,420 --> 00:04:15,970
to error.

54
00:04:16,320 --> 00:04:23,850
So if I want, of course, I can navigate back using the number or can if we go to a hello the page

55
00:04:23,850 --> 00:04:24,630
that doesn't exist.

56
00:04:24,900 --> 00:04:31,470
I also have a nice link that says back home I click it and of course I'm back home.