1
00:00:00,540 --> 00:00:08,100
In the previous video, we saw like the use of for new start ups and also saw how to handle the changes

2
00:00:08,100 --> 00:00:13,350
whenever the input is changing object restructurings that operated in this kind of stuff.

3
00:00:13,950 --> 00:00:21,960
In this video and see, how do you know this functionality, like basically take the content and add

4
00:00:21,960 --> 00:00:22,980
it to the edit?

5
00:00:23,950 --> 00:00:25,390
So how to do that?

6
00:00:26,830 --> 00:00:30,920
First thing, we have to create a.

7
00:00:32,700 --> 00:00:38,430
I for destroying that object, object information, all the object information, we need one night it

8
00:00:38,700 --> 00:00:43,020
so that there should be a hook that it keeps on changing, right?

9
00:00:43,380 --> 00:00:47,940
So hooks are basically used whenever it keeps on changing whenever something's happening on the webpage.

10
00:00:48,270 --> 00:00:53,970
So whenever we are clicking or writing some new listings and then clicking add, then it should get

11
00:00:53,970 --> 00:00:54,540
stored right.

12
00:00:54,960 --> 00:00:56,190
So this keeps on changing.

13
00:00:56,190 --> 00:00:57,510
That's why we'll be using the.

14
00:00:57,960 --> 00:00:58,560
But that added.

15
00:01:00,210 --> 00:01:02,760
So firstly, go to abduct Jess.

16
00:01:05,720 --> 00:01:06,920
And then create that.

17
00:01:10,010 --> 00:01:14,930
List blue list start notes, you can call it does anything I'll call it does not.

18
00:01:16,550 --> 00:01:17,420
Said not.

19
00:01:19,010 --> 00:01:22,760
Was a state by default, it should be, but it.

20
00:01:24,680 --> 00:01:32,120
So we can change this imperial Renee, like all the bladder, everything whenever the new start to item

21
00:01:32,120 --> 00:01:33,860
is added using the function said.

22
00:01:35,210 --> 00:01:40,460
So now after this created, it will be using one more thing that is.

23
00:01:41,510 --> 00:01:46,070
We'll be sending a probe that is on add on that, is it equal to?

24
00:01:48,700 --> 00:01:49,600
And not.

25
00:01:50,610 --> 00:01:53,050
So I get a lot of props, props.

26
00:01:53,120 --> 00:01:58,920
Basically, if you can see if you bobble head over J6, you can see each one element.

27
00:01:59,280 --> 00:02:04,410
You can see here that these are the default HDMI tags that catch them products to the user.

28
00:02:04,920 --> 00:02:11,100
But if you don't see a highlight icon fancy created under J6 SECP, you can see Header Dot J6.

29
00:02:11,670 --> 00:02:15,510
These are the customized bags that we are creating.

30
00:02:15,660 --> 00:02:18,580
These are not tags, but these are the custom backs.

31
00:02:19,260 --> 00:02:27,090
Similarly, like if you can see which one has some attributes like and not like you can take from,

32
00:02:27,330 --> 00:02:34,860
you know, created if you take from a farm and put it that, some you know which type is the attribute

33
00:02:34,860 --> 00:02:39,690
name is attribute values that to replace all this activity with the other attributes that are present

34
00:02:39,690 --> 00:02:40,740
before you buy that page.

35
00:02:40,770 --> 00:02:46,800
General tag this tough, but these are the custom tags that we are creating, so these ultra will have

36
00:02:46,800 --> 00:02:48,750
attributes that we get.

37
00:02:48,750 --> 00:02:50,790
A lot of those are called as props.

38
00:02:52,280 --> 00:02:54,350
So that is what we are going to send here.

39
00:02:54,890 --> 00:02:55,770
No, yes.

40
00:02:56,330 --> 00:02:58,640
So the bulk will be the plane will be on it.

41
00:02:59,290 --> 00:03:07,830
And but this prop will be sending a function called and not so in clear period or JSF whenever the not

42
00:03:07,850 --> 00:03:08,750
new created.

43
00:03:08,750 --> 00:03:14,340
That like means whenever the place button the submit button is submitted, then we will call this.

44
00:03:14,400 --> 00:03:20,780
So we'll call this honor the prop that will in Britain or carry out this function that we are going

45
00:03:20,780 --> 00:03:24,890
to write the 40th, but that will see how to use that.

46
00:03:25,940 --> 00:03:26,360
So.

47
00:03:27,370 --> 00:03:29,380
Here after the big stadium.

48
00:03:30,840 --> 00:03:31,410
We'll have them.

49
00:03:32,890 --> 00:03:33,670
Famicom.

50
00:03:35,460 --> 00:03:40,680
I lost in a minute, I'll come to that fabric on and I like.

51
00:03:48,420 --> 00:03:48,900
Fab.

52
00:03:50,350 --> 00:03:51,030
On Clip.

53
00:03:52,610 --> 00:03:53,080
Most still.

54
00:03:54,330 --> 00:03:55,140
Submit not.

55
00:03:59,330 --> 00:04:07,430
So basically, what are we doing already, but this line of code does is that fab is a part of material.

56
00:04:07,430 --> 00:04:08,000
You like code?

57
00:04:09,070 --> 00:04:15,400
As you know, whenever like when the government gets together, we can only submit whenever the form

58
00:04:15,400 --> 00:04:18,220
we are submitting has a ActionScript post.

59
00:04:19,090 --> 00:04:22,240
So since we are not having a farm, they're not submitting the form.

60
00:04:22,600 --> 00:04:23,770
We want to have a icon.

61
00:04:24,190 --> 00:04:27,500
So clicking on icon like clicking on a button should submit it.

62
00:04:27,880 --> 00:04:29,110
But this is not a button.

63
00:04:29,170 --> 00:04:30,990
This is a contact we're getting from, literally.

64
00:04:31,510 --> 00:04:35,650
So how to submit a request using the icon, but that there is fat?

65
00:04:36,010 --> 00:04:38,750
So whenever we click on F&B, something is on click.

66
00:04:38,770 --> 00:04:45,430
Then it will submit the request and Gary, or the function inside that shop will be having an icon component

67
00:04:45,430 --> 00:04:45,880
from the.

68
00:04:47,480 --> 00:04:48,380
Medically, right, good.

69
00:04:48,710 --> 00:04:51,710
So we'll import those, both of them.

70
00:04:52,680 --> 00:04:53,280
Import.

71
00:04:55,320 --> 00:04:55,680
But.

72
00:04:57,840 --> 00:04:58,200
From.

73
00:05:00,060 --> 00:05:00,630
And the red.

74
00:05:02,390 --> 00:05:05,030
Material in way could slash back.

75
00:05:06,910 --> 00:05:09,220
Once this is done, you can also import.

76
00:05:11,540 --> 00:05:12,290
I had I come.

77
00:05:18,860 --> 00:05:19,250
Right.

78
00:05:19,680 --> 00:05:20,310
Icons.

79
00:05:22,320 --> 00:05:22,860
Slash.

80
00:05:24,160 --> 00:05:24,490
And.

81
00:05:25,780 --> 00:05:30,610
So as you can see, you can work with my daily icons content, click on Act, search for AD, you are

82
00:05:30,610 --> 00:05:32,390
getting many of them right here.

83
00:05:32,430 --> 00:05:33,550
We want a simple place.

84
00:05:33,970 --> 00:05:40,420
So I'll be using this place and you can see this is the port for input can simply copy paste material

85
00:05:40,420 --> 00:05:41,680
from before the Typekit.

86
00:05:41,680 --> 00:05:43,330
You can also copy paste is not no problem.

87
00:05:44,620 --> 00:05:45,640
So once this is done.

88
00:05:46,660 --> 00:05:53,620
Can check whether there is some item in our budget, so you shouldn't and not are not defined.

89
00:05:54,220 --> 00:05:58,870
So naftogaz, so OK, we have used the state, but we haven't defined it.

90
00:05:58,870 --> 00:05:59,980
So this.

91
00:06:01,490 --> 00:06:01,910
But.

92
00:06:03,020 --> 00:06:05,180
The former U.S.

93
00:06:05,660 --> 00:06:06,630
State from the.

94
00:06:07,730 --> 00:06:11,240
Once this is done on that note and what is the function that we need to create?

95
00:06:11,250 --> 00:06:12,770
Not so.

96
00:06:14,540 --> 00:06:15,030
Concert.

97
00:06:18,650 --> 00:06:23,900
Now the function name should be added, not so function and not.

98
00:06:26,680 --> 00:06:30,890
And you will not say it will take a property, the new the value of the object value of the note, like

99
00:06:30,900 --> 00:06:32,280
with the title and the content, right?

100
00:06:35,260 --> 00:06:38,830
And it will do something real, right, the court after something.

101
00:06:39,770 --> 00:06:45,750
For now, if you refresh, that is still some notoriety not being able to have sex.

102
00:06:45,770 --> 00:06:46,010
Yeah.

103
00:06:46,490 --> 00:06:51,350
So now whenever we are clicking on the bad icon, then we are like, we are calling this function,

104
00:06:51,350 --> 00:06:53,900
submit not what they submit not to do.

105
00:06:54,200 --> 00:06:56,900
This should call that function that is present in app drawer.

106
00:06:56,920 --> 00:07:03,140
Just add note and add the value of that note to this note at a pedestrian only studied so that we are

107
00:07:03,140 --> 00:07:06,740
going to do that and are, you know, submit not function.

108
00:07:07,400 --> 00:07:10,570
So after the handle change, create a function called.

109
00:07:12,640 --> 00:07:13,270
Submit.

110
00:07:14,280 --> 00:07:14,640
Not.

111
00:07:16,480 --> 00:07:20,890
Even if they even announced it will call the props.

112
00:07:21,460 --> 00:07:23,110
So where are we getting these props from?

113
00:07:23,380 --> 00:07:24,700
We have to catch them already.

114
00:07:25,690 --> 00:07:31,780
So basically, you had inadvertently created a component we are sending props on and that we are catching

115
00:07:31,780 --> 00:07:34,510
with it and then using that prop store on it.

116
00:07:36,110 --> 00:07:37,570
And we'll send that note.

117
00:07:38,030 --> 00:07:40,010
Not information that on information.

118
00:07:41,480 --> 00:07:47,810
And once we send that note, information to the on the on that function, then this with this line of

119
00:07:47,810 --> 00:07:53,600
code will like add not and it will add to the note value, but it's not.

120
00:07:53,660 --> 00:07:55,850
I think we'll see that it's after this.

121
00:07:55,850 --> 00:07:56,600
Not now.

122
00:07:56,600 --> 00:07:59,390
Once the note is added, we have to clear everything.

123
00:07:59,660 --> 00:08:01,880
We have to get all the input given to title and date.

124
00:08:01,880 --> 00:08:05,270
Not so that we'll basically do yet.

125
00:08:08,200 --> 00:08:17,140
To clear that we need to again signal to and distinctly said not when the object to empty the land.

126
00:08:20,620 --> 00:08:21,450
And be content.

127
00:08:26,760 --> 00:08:32,700
Once this is done now, as I said, whenever we are triggering a submit request, the whole debate reloads.

128
00:08:33,150 --> 00:08:34,540
We don't want the whole operation.

129
00:08:35,190 --> 00:08:41,610
We only want the companies that are required to do it to do that.

130
00:08:41,850 --> 00:08:45,420
We should have to use or even prevent default.

131
00:08:46,410 --> 00:08:46,860
Through that.

132
00:08:47,340 --> 00:08:54,600
So once this is done, we are successfully submitting, not like we are calling this propaganda function,

133
00:08:54,600 --> 00:08:59,190
sending this note component, not object off and call it as variable or anything.

134
00:08:59,550 --> 00:09:03,300
And then again, using this, you know, setting the strategy for creating the input area.

135
00:09:03,720 --> 00:09:06,660
Now what should happen inside this are not.

136
00:09:08,120 --> 00:09:14,240
Add not what is the logic that should happen and said that add not an ounce of the styling, but the

137
00:09:14,240 --> 00:09:19,970
sighting of who appears in the center with some good styling now it looks like they are today.

138
00:09:20,330 --> 00:09:22,550
So this all see in the next few.