1
00:00:00,060 --> 00:00:06,390
The now what we'll do is we'll import some important things and then grab this whatever we are retaining

2
00:00:06,390 --> 00:00:08,730
in their just inside that rotor.

3
00:00:10,410 --> 00:00:14,850
So if you are using React algorithms, it's really, really important for us to do that.

4
00:00:16,390 --> 00:00:17,260
Pavilion Court.

5
00:00:18,920 --> 00:00:19,940
Does that how?

6
00:00:23,340 --> 00:00:27,030
As I told them, William Code Switch.

7
00:00:29,600 --> 00:00:31,390
Then William put out.

8
00:00:32,810 --> 00:00:33,350
From.

9
00:00:35,820 --> 00:00:42,210
The airport, but I don't think that's what he thought.

10
00:00:43,010 --> 00:00:45,320
I've been called that's why my voice isn't on good.

11
00:00:46,510 --> 00:00:48,300
Now you've done it next.

12
00:00:48,480 --> 00:00:53,200
We'll know this, everything would be returning.

13
00:00:54,610 --> 00:00:55,220
That is.

14
00:00:56,630 --> 00:00:57,050
But I'll.

15
00:00:58,970 --> 00:01:00,050
Ralston, basically.

16
00:01:03,460 --> 00:01:04,390
Not like this.

17
00:01:07,750 --> 00:01:11,800
Is this what we'll do is we'll now provide.

18
00:01:13,590 --> 00:01:18,630
Whatever the component, which we want to render so statically, Nevada would be there because.

19
00:01:20,400 --> 00:01:25,890
So you taught important for us and everybody will be there on the top, no matter on which page you

20
00:01:25,890 --> 00:01:26,010
are.

21
00:01:26,040 --> 00:01:31,650
So that's why there will be no switch cases and there will be no other things because in everybody's

22
00:01:31,650 --> 00:01:33,250
apartment, everything OK.

23
00:01:33,570 --> 00:01:35,640
So that's why Nevada ought to be dead.

24
00:01:38,210 --> 00:01:39,080
Let me save it.

25
00:01:42,410 --> 00:01:42,670
Yeah.

26
00:01:43,910 --> 00:01:49,700
So next we go to the left, but let me minimize this terminal and let us go to the airport and know

27
00:01:49,700 --> 00:01:55,880
what we'll do is we have already like imported the link from reactant ribbon and know what I've done

28
00:01:55,880 --> 00:02:01,010
is that I have wrapped this H3 inside this link and.

29
00:02:02,430 --> 00:02:06,780
And given its location over there, whenever I click on the stage three.

30
00:02:07,140 --> 00:02:14,340
So where it would redirect me, where it would take me or that would take me to the home page, slash

31
00:02:14,340 --> 00:02:16,830
means forward slash means the home page.

32
00:02:17,480 --> 00:02:18,540
That is what we have done.

33
00:02:18,720 --> 00:02:21,320
Let us check everything in the browser.

34
00:02:23,250 --> 00:02:28,710
So you can see I have caught my Nevada and I've got this what what I typed inside each one.

35
00:02:29,400 --> 00:02:37,200
But it is three and whenever I bring my pointer, two words to it so that I can search in this two pointer.

36
00:02:37,210 --> 00:02:38,520
So that means there's a link.

37
00:02:38,520 --> 00:02:40,830
And I know when I click it, it will take me to the homepage.

38
00:02:41,280 --> 00:02:44,640
But right now we are already at the homepage, so that is no problem for it.

39
00:02:45,240 --> 00:02:48,040
So that is what this is all about.

40
00:02:48,060 --> 00:02:50,070
Next will create some more things ahead.

41
00:02:51,000 --> 00:02:53,790
Like about Page and the link to home page and all.

42
00:02:55,140 --> 00:02:56,490
So that will be creating next.

43
00:03:01,050 --> 00:03:09,960
The next two will create about component and will import that inside on there, but from here we'll

44
00:03:09,960 --> 00:03:15,390
we have we'll be giving a link to redirect or go to that about page.

45
00:03:15,840 --> 00:03:17,610
What we'll do is we'll create.

46
00:03:19,470 --> 00:03:22,800
Folder here inside the folder name would be pages.

47
00:03:24,010 --> 00:03:26,830
Inside the pages, there would be.

48
00:03:28,810 --> 00:03:35,950
Component, and that would be about some outrageous and using our.

49
00:03:37,930 --> 00:03:43,000
Trick or using that extension, William Porter, boilerplate code for what we'll do is we'll press control

50
00:03:44,370 --> 00:03:47,600
and we'll see a snippet first and then we spot AFC.

51
00:03:48,250 --> 00:03:51,340
And this would give me the boilerplate code.

52
00:03:52,350 --> 00:03:56,460
And for as of now in just straight about Beijing, it.

53
00:03:58,020 --> 00:03:58,710
About.

54
00:03:59,570 --> 00:04:02,570
Fish and chips, David, and.

55
00:04:04,820 --> 00:04:05,690
Let me know.

56
00:04:06,260 --> 00:04:06,790
Go ahead.

57
00:04:08,620 --> 00:04:16,810
Provide a link to it inside this border, this or after this, think what we'll do is we'll create an

58
00:04:16,810 --> 00:04:17,740
unordered list.

59
00:04:20,810 --> 00:04:23,720
And inside that unordered list, that would be.

60
00:04:24,940 --> 00:04:25,810
You items.

61
00:04:26,380 --> 00:04:34,990
So first of all, there would be this element and start this, there would be a link now.

62
00:04:36,740 --> 00:04:39,950
Link inside the slide, that would be a link.

63
00:04:41,570 --> 00:04:43,040
This link.

64
00:04:45,460 --> 00:04:45,640
But.

65
00:04:47,080 --> 00:04:48,190
But it we are to.

66
00:04:49,450 --> 00:04:50,830
Like where you want to do that?

67
00:04:50,980 --> 00:04:55,160
So that will be to the homepage, less miss the home page.

68
00:04:55,210 --> 00:04:55,500
OK.

69
00:04:56,520 --> 00:04:59,260
It will ride the home.

70
00:05:02,870 --> 00:05:05,000
After this, we'll create another list.

71
00:05:07,070 --> 00:05:07,760
Won't be this.

72
00:05:11,180 --> 00:05:15,200
They faced a tough but of that and here will provide about.

73
00:05:18,190 --> 00:05:20,620
About an hour of fight about.

74
00:05:23,470 --> 00:05:31,150
And right about or about us or that, like whatever you do, it's just a string, no, there's no problem.

75
00:05:31,190 --> 00:05:40,990
So let me just save it and let letters go to our borders and hear all what we'll do is we'll provide

76
00:05:40,990 --> 00:05:42,850
the location to date about.

77
00:05:43,420 --> 00:05:47,650
So for that, we need to add a sweet statement inside that switch.

78
00:05:48,250 --> 00:05:50,230
There will be a real gift.

79
00:05:51,610 --> 00:05:59,380
And so it means like we want to be like among the components and here at the snack bar, we are not

80
00:05:59,380 --> 00:05:59,800
switching.

81
00:05:59,810 --> 00:06:02,980
This is a static thing, but will be there on every single bit.

82
00:06:03,640 --> 00:06:05,080
So here will light switch.

83
00:06:08,250 --> 00:06:08,670
Which?

84
00:06:10,820 --> 00:06:13,070
Well, fight not closed.

85
00:06:22,080 --> 00:06:22,490
Okay.

86
00:06:23,160 --> 00:06:27,450
Inside the switch, it will create a crowd.

87
00:06:29,690 --> 00:06:40,510
Now and then we'll provide the part to it, so we'll write exact path, and the exact path would be

88
00:06:40,930 --> 00:06:41,710
the homepage.

89
00:06:41,830 --> 00:06:47,620
So first of all, we're creating it for the home page and inside this rollout will provide like the

90
00:06:47,620 --> 00:06:50,320
component quality component, so.

91
00:06:52,120 --> 00:06:56,440
We have not yet created the home component, so that will copy here.

92
00:06:56,800 --> 00:06:59,440
As of now, does this amount it?

93
00:07:01,250 --> 00:07:02,030
After this.

94
00:07:03,920 --> 00:07:12,020
Next, we'll import our about page here for what we'll do is we'll, first of all, import about page

95
00:07:13,040 --> 00:07:13,710
from here.

96
00:07:14,450 --> 00:07:20,570
So we'll try to import statement import about from.

97
00:07:20,600 --> 00:07:25,760
And then the location of that particular component, wherever it is residing.

98
00:07:25,760 --> 00:07:34,460
So I will go back and inside that about pages inside the pages folder through the pages and will write

99
00:07:34,460 --> 00:07:38,390
about you don't need to write the tortillas here about woodwork.

100
00:07:38,780 --> 00:07:39,860
OK, so.

101
00:07:40,790 --> 00:07:47,720
Inside the Swiss statement, what we'll do is we'll create a a different rout and that will be road

102
00:07:48,380 --> 00:07:49,170
exact.

103
00:07:49,310 --> 00:07:56,060
You don't need to provide exact now because this was this was this once was for the home page.

104
00:07:56,420 --> 00:08:03,080
Like whenever we type something and pledge and additional articles to home pages, anyway, this would

105
00:08:03,080 --> 00:08:10,070
be the exact homepage splash like no alphabets and on 11, just like but.

106
00:08:11,290 --> 00:08:12,940
And so this there will be.

107
00:08:14,130 --> 00:08:14,790
About.

108
00:08:18,440 --> 00:08:22,490
Vargas, I don't know why it's not our closing this.

109
00:08:23,650 --> 00:08:24,640
You should, but.

110
00:08:29,050 --> 00:08:37,240
Who started out closed this and how to feel right, our component.

111
00:08:37,780 --> 00:08:45,100
So we are importing about component here, so we'll just write about about.

112
00:08:46,970 --> 00:08:48,710
Yet let me just see it.

113
00:08:49,510 --> 00:08:56,990
And when services are still running and when I go back to the browser and I check it so you can see

114
00:08:56,990 --> 00:09:02,540
that is an about button and it will take us to about page here.

115
00:09:02,540 --> 00:09:07,520
It is written about page and there isn't a home page that takes us to the homepage.

116
00:09:08,060 --> 00:09:10,220
Basically, this is this was about this.

117
00:09:10,230 --> 00:09:17,340
Let us give us some styling to it and then we'll move on to the next component or.

118
00:09:21,950 --> 00:09:23,990
I think it was more visible, I'm really sorry.

119
00:09:24,320 --> 00:09:24,590
Yeah.

120
00:09:24,960 --> 00:09:26,120
This looks like this.

121
00:09:26,150 --> 00:09:32,900
OK, so this is the home page and takes us to the home like home page local laws.

122
00:09:33,200 --> 00:09:35,180
And this is for the About.com parents.

123
00:09:35,180 --> 00:09:40,460
When I click it, you can see that you are doing this to slash about, and the components are loads

124
00:09:40,460 --> 00:09:41,660
that are about this.

125
00:09:42,110 --> 00:09:46,820
And when I click on the home again, it takes us to the home and this is also working as a home only

126
00:09:46,820 --> 00:09:47,510
if I click here.

127
00:09:47,870 --> 00:09:49,370
This will also take us to the home page.

128
00:09:49,370 --> 00:09:53,000
Salt Lake food are doing their job already very properly.

129
00:09:53,270 --> 00:09:56,720
And next, what we lose will provide some styling to the to this.

130
00:09:56,720 --> 00:09:58,950
So let's go back what happens?

131
00:09:58,950 --> 00:10:03,650
Sometimes the skin gets dark, and I realized that all this clean stuff, so I need to repeat it again.

132
00:10:03,650 --> 00:10:06,980
But don't worry when I want something like that case happen.

133
00:10:06,980 --> 00:10:09,980
So I usually explain everything again.

134
00:10:10,310 --> 00:10:11,520
I repeat everything again.

135
00:10:11,560 --> 00:10:21,230
OK, now inside the water tortillas will provide some glasses to it so that we get the proper styling

136
00:10:21,230 --> 00:10:28,580
to turn over and start as we have already given the styling of the nerve center and.

137
00:10:30,960 --> 00:10:34,530
Who the unordered list will give up last name often have links.

138
00:10:36,150 --> 00:10:37,820
Lastly, who?

139
00:10:41,020 --> 00:10:41,620
Links.

140
00:10:42,750 --> 00:10:50,490
So I think that they should do our work because I've already created all the systems inside this index

141
00:10:50,490 --> 00:10:55,620
Nazi and so that already pasted studied because you can see how big the success is.

142
00:10:55,920 --> 00:11:00,390
And if I if they start writing the CSIS, that would take forever.

143
00:11:00,750 --> 00:11:08,460
That's why I'm not like focused more than the CSIS, but on the core concepts of very reluctant, yes,

144
00:11:08,880 --> 00:11:10,290
that is what we have done now.

145
00:11:10,290 --> 00:11:13,350
Let us see if that changes take place or not.

146
00:11:14,040 --> 00:11:19,740
And you can see on home and about style properly, and they look like better than before.

147
00:11:21,200 --> 00:11:28,240
So successfully, we have completed on board and and everybody looks at exactly how it used to be in

148
00:11:28,310 --> 00:11:34,010
our demo project, you can see this is our demo project, like which I enlisted it inside the introduction

149
00:11:34,010 --> 00:11:36,080
video, but this is what we are going to create.

150
00:11:36,080 --> 00:11:40,630
So you can see the narrowbodies is exactly the same and spelling is right.

151
00:11:42,420 --> 00:11:49,890
And so the thing is, well, fact, let's go to the cold, and now what we'll do next is we'll create

152
00:11:49,890 --> 00:11:55,320
another component and for that, a see in the next video.