1
00:00:00,420 --> 00:00:02,970
Okay, so I've just started this service and.

2
00:00:04,780 --> 00:00:06,580
That are some, you know, it's here.

3
00:00:06,820 --> 00:00:11,890
Of course, that will do because we have just created one component and 92 component are not the only

4
00:00:11,890 --> 00:00:18,190
first thing which we'll do is we'll import directly from inside our root component and let's wrap the

5
00:00:18,370 --> 00:00:19,370
component inside it.

6
00:00:19,830 --> 00:00:21,880
But we will do that and.

7
00:00:25,380 --> 00:00:28,800
So we'll import tainted food.

8
00:00:31,220 --> 00:00:34,370
Browse around the.

9
00:00:36,230 --> 00:00:36,800
As.

10
00:00:39,120 --> 00:00:39,920
Rotor.

11
00:00:42,700 --> 00:00:43,270
From.

12
00:00:44,990 --> 00:00:47,300
I reject now they're done.

13
00:00:47,960 --> 00:00:53,880
And next, we'll wrap this app inside the rover.

14
00:01:00,260 --> 00:01:03,730
Curtis, from here, it'll be a start.

15
00:01:04,600 --> 00:01:06,310
He had no problem with that.

16
00:01:07,010 --> 00:01:10,870
Now spelling is wrong, but also.

17
00:01:12,930 --> 00:01:13,890
Browser help.

18
00:01:13,920 --> 00:01:14,160
Yeah.

19
00:01:14,430 --> 00:01:20,970
Now these alerts will be there until we create I'd like Robert functionality of the dark mode to leave

20
00:01:20,970 --> 00:01:21,990
it as it is now.

21
00:01:21,990 --> 00:01:26,850
What we'll do is we'll create this search component to the search screen and component will be created

22
00:01:26,850 --> 00:01:31,080
inside the components for it only it will go to the components folder.

23
00:01:33,230 --> 00:01:38,300
And inside the components will be will continue to.

24
00:01:39,680 --> 00:01:44,810
So hard to comprehend it would be S.T.A.R.T., a gorgeous, gorgeous.

25
00:01:46,010 --> 00:01:52,320
Now we will import the boilerplate code with our extension, so that would be conducive points to proceed.

26
00:01:52,730 --> 00:01:54,410
And that would be IFC.

27
00:01:55,520 --> 00:01:59,060
So this is our boilerplate code for the search component.

28
00:01:59,510 --> 00:02:05,000
Now let us start doing start making offsite components.

29
00:02:05,000 --> 00:02:10,550
So before we go ahead and create the search component, I would like to install and a package.

30
00:02:10,940 --> 00:02:13,370
And let me stop the server.

31
00:02:13,760 --> 00:02:15,050
Let me clear this all up.

32
00:02:15,590 --> 00:02:21,740
So we will install our phone or package from npm that is called the deboned on what is demands.

33
00:02:22,100 --> 00:02:22,790
Let me tell you.

34
00:02:22,910 --> 00:02:27,620
So we will go to the browser and we'll check the bonds.

35
00:02:29,780 --> 00:02:36,770
And PM and on this page of the AMPM site, we will see what is deep bonds.

36
00:02:37,550 --> 00:02:46,070
And here you can see that are useful for implementing behavior that should not that should only happen

37
00:02:46,070 --> 00:02:49,370
after repeated action has completed.

38
00:02:49,790 --> 00:02:55,340
So this will be really helpful for our search component when we type the.

39
00:02:56,840 --> 00:02:58,220
When we type the.

40
00:02:59,270 --> 00:03:00,020
You were dead on.

41
00:03:00,270 --> 00:03:05,940
So that is why we are using the debone to sue for installing the dirty bombs.

42
00:03:05,960 --> 00:03:10,850
There is a command for this, so you can see this is Bonds'.

43
00:03:12,500 --> 00:03:12,720
Yeah.

44
00:03:13,550 --> 00:03:18,890
Will copy this command from the head down to the message copied to clipboard.

45
00:03:20,130 --> 00:03:28,800
And next, we'll go to our coordinator, and here we will put that particular amounts and BMI demands

46
00:03:28,800 --> 00:03:31,440
on our and PM installed bounce.

47
00:03:31,460 --> 00:03:37,770
You can write, install or I would assume they've already installed so long to do their part.

48
00:03:37,770 --> 00:03:43,860
If you have not or if they haven't, you can just decide, come on it and install the bonds on your

49
00:03:43,860 --> 00:03:44,340
project.

50
00:03:44,610 --> 00:03:53,130
OK, so let me first now, like this was the D bounce part, which.

51
00:03:54,240 --> 00:03:56,950
Well, I think I think I told the wrong.

52
00:03:58,170 --> 00:04:02,280
I think we will go back here and it was not Dearborn's, it was the use.

53
00:04:02,280 --> 00:04:06,840
Do you want to use the bomb?

54
00:04:08,000 --> 00:04:13,010
This is the hook for the money that was not on the bounce.

55
00:04:13,220 --> 00:04:14,370
It was used DuPont.

56
00:04:14,390 --> 00:04:14,690
Yes.

57
00:04:15,020 --> 00:04:15,560
This was it.

58
00:04:15,830 --> 00:04:19,190
So use the bonds reactor for value and call back to be bouncing.

59
00:04:19,190 --> 00:04:22,160
So this is used for about two and a third.

60
00:04:22,250 --> 00:04:23,930
So this will be helpful for that.

61
00:04:24,620 --> 00:04:26,150
You can see this whole compares.

62
00:04:26,150 --> 00:04:29,900
Previous And next, well, using shall we call it means setting an object.

63
00:04:30,160 --> 00:04:32,660
Empty trigger demands payment.

64
00:04:32,660 --> 00:04:35,690
So if you have compared to that is so that is all.

65
00:04:35,960 --> 00:04:40,040
But when we make use of it, you will get the better of me.

66
00:04:40,440 --> 00:04:41,390
So apologies.

67
00:04:41,390 --> 00:04:45,140
That was not the bonus that was used to bond or it just it.

68
00:04:45,260 --> 00:04:50,840
It was them that in my mind, that is quality bonds so that OK, mistakes happen in programming and

69
00:04:50,840 --> 00:04:54,260
that is the way these things worked for.

70
00:04:54,500 --> 00:04:55,730
Of course, you will write.

71
00:04:57,050 --> 00:04:59,750
Of course, we will copy that, come on from it.

72
00:05:00,290 --> 00:05:08,060
And this this one right here and then you will go here and here you will be stacked in PM install a

73
00:05:08,120 --> 00:05:10,670
use device that is used to bounce not debone.

74
00:05:10,680 --> 00:05:12,230
So that was my mistake.

75
00:05:12,680 --> 00:05:13,010
OK.

76
00:05:13,240 --> 00:05:15,890
Next, let us import dirty bombs.

77
00:05:17,180 --> 00:05:25,520
Who will imported bombs you will demand basically will include the use and be found and that will be

78
00:05:25,520 --> 00:05:27,680
imported from the U.S.

79
00:05:28,710 --> 00:05:29,360
T-bones.

80
00:05:29,750 --> 00:05:34,070
Yes, I like this import feature, so use.

81
00:05:35,060 --> 00:05:38,690
And next we will be importing.

82
00:05:40,640 --> 00:05:45,210
Some more things, but that we will do once we create our global context.

83
00:05:45,400 --> 00:05:51,890
You know, the global context is the most exciting thing and that we will do because all of the data

84
00:05:52,160 --> 00:05:55,450
will be there inside the use context API.

85
00:05:55,460 --> 00:06:01,130
So that will be the global context component, and it will be containing all of the global state variables,

86
00:06:01,400 --> 00:06:06,260
which we can use inside different, different components as many times as we want.

87
00:06:06,290 --> 00:06:08,000
OK, so next.

88
00:06:09,300 --> 00:06:13,380
Inside this road, we will create some folks.

89
00:06:14,070 --> 00:06:19,860
So first of all, let me import you straight from the act issues.

90
00:06:21,880 --> 00:06:31,690
Did and use effect also will be you, so I will import both of them in just one line at once only so

91
00:06:31,690 --> 00:06:33,820
that we don't get in there afterwards.

92
00:06:34,330 --> 00:06:45,010
So inside this function, we will make two like not two, basically one oh one variable using the used

93
00:06:45,010 --> 00:06:45,430
data.

94
00:06:45,760 --> 00:06:49,240
So that will be Konst inside this.

95
00:06:49,240 --> 00:06:50,920
You there will be the text.

96
00:06:51,260 --> 00:06:52,060
Now what is this?

97
00:06:52,300 --> 00:06:56,260
This text is the default search value, like when you when you don't search anything.

98
00:06:56,560 --> 00:06:58,960
So this will be dead inside the search box.

99
00:07:00,110 --> 00:07:08,270
Next, though, this is the function which is responsible for ending the four eyes, doing this particular

100
00:07:08,270 --> 00:07:14,600
variable like this variable is in control of this particular function, like this function would be

101
00:07:14,870 --> 00:07:21,080
responsible for changing or opening or modifying the value of this particular variable.

102
00:07:21,080 --> 00:07:21,360
Okay.

103
00:07:21,680 --> 00:07:24,290
Well, now let me give it an initial get.

104
00:07:24,290 --> 00:07:27,710
Give it an initial value like you steered.

105
00:07:29,530 --> 00:07:29,950
So.

106
00:07:35,100 --> 00:07:38,330
It will state and start of this.

107
00:07:39,100 --> 00:07:45,210
There will be a string and this string would be the default value, like when the user does not search

108
00:07:45,210 --> 00:07:45,870
for anything.

109
00:07:46,230 --> 00:07:52,860
So this value will be there that this search box so thought that it was Elon Musk.

110
00:07:52,860 --> 00:07:56,440
But all we will do like India.

111
00:07:58,440 --> 00:07:58,800
OK.

112
00:07:58,920 --> 00:08:03,630
So in the demo, it was Elon Musk, but now we will do it as India.

113
00:08:04,050 --> 00:08:04,440
OK.

114
00:08:04,840 --> 00:08:08,030
Next, what we'll do is we'll create our D bond.

115
00:08:08,040 --> 00:08:12,990
So OK, so go on and be bound to value.

116
00:08:15,670 --> 00:08:16,420
The bonds.

117
00:08:18,210 --> 00:08:18,790
Value.

118
00:08:19,320 --> 00:08:23,010
And this is equal to the U.S.

119
00:08:24,330 --> 00:08:33,240
Use T-bones and inside the used bounds, we will give the text and not this text is this particular

120
00:08:33,240 --> 00:08:36,420
variable, which we created using the hook.

121
00:08:36,840 --> 00:08:39,900
Now this is coming from this hook.

122
00:08:40,350 --> 00:08:40,650
OK.

123
00:08:40,920 --> 00:08:44,010
Next, we'll be giving the numerical value here.

124
00:08:44,370 --> 00:08:46,170
That is the time, basically.

125
00:08:46,610 --> 00:08:49,260
So that is the 300 which we'll be giving.

126
00:08:49,650 --> 00:08:49,870
OK.

127
00:08:51,120 --> 00:08:59,040
Now, after the bounce is like declared, we will go to the use of fact use the fact.

128
00:09:00,530 --> 00:09:03,330
Fair use effect.

129
00:09:04,880 --> 00:09:10,520
And in light of this, it expects a function and there will be a function for this.

130
00:09:10,880 --> 00:09:14,060
And here it, there would be a dependency on it.

131
00:09:14,420 --> 00:09:16,280
Keep it empty for now.

132
00:09:16,520 --> 00:09:26,990
But to hear inside the inside of the use effect, we will drive the if we bounced value.

133
00:09:28,640 --> 00:09:34,370
If the T-bones value still set 32 stone, if that is a device value.

134
00:09:34,370 --> 00:09:37,670
So it will be that but some.

135
00:09:38,660 --> 00:09:43,940
Well, we have not yet created this third search term that we will be creating with the help of the

136
00:09:44,480 --> 00:09:53,420
text about Eustachian text, but let me just create it as of now, so we will create it as.

137
00:09:55,240 --> 00:09:55,750
Sect.

138
00:09:57,660 --> 00:09:58,230
Search.

139
00:10:01,460 --> 00:10:04,370
So this will be equal to the U.S.

140
00:10:05,420 --> 00:10:08,390
State and Texas.

141
00:10:09,510 --> 00:10:15,900
Now, this is state street context will be imported from the global context and created, although we

142
00:10:15,900 --> 00:10:22,950
have not dedicated, we are just importing it so we can just comment it also because it is not yet created.

143
00:10:22,950 --> 00:10:25,590
So let's just go back here and start.

144
00:10:28,220 --> 00:10:28,520
The.

145
00:10:30,450 --> 00:10:31,140
Content.

146
00:10:32,480 --> 00:10:34,840
Context, so.

147
00:10:37,290 --> 00:10:44,520
Dorm and inside this, TED will be duly bounced well, you be bounced and you.

148
00:10:48,830 --> 00:10:54,690
Inside this, there will be a dependency, and this dependency is responsible for execution of this

149
00:10:54,690 --> 00:10:56,160
particular function.

150
00:10:56,340 --> 00:11:03,930
So here we will write whatever, what is the value that should be changed so that this function is executor

151
00:11:03,990 --> 00:11:08,940
should be balanced, value should be changed in order for this function to be executed.

152
00:11:09,330 --> 00:11:13,410
Or you can write rebounds, total rebounds, rebounds told to contribute more.

153
00:11:15,630 --> 00:11:17,940
Yes, so that is the thing.

154
00:11:18,150 --> 00:11:24,730
Next, we will be giving this structure to to this search component that will do in the next 50.