1
00:00:00,510 --> 00:00:01,960
So now let's move forward.

2
00:00:02,010 --> 00:00:09,870
So before creating a single colored dog, just like we will be having ballads like color component imagery

3
00:00:09,900 --> 00:00:11,200
displaying colors on the UI.

4
00:00:11,250 --> 00:00:19,710
So before doing that, let us first go ahead and create of another file that will be introduced so know

5
00:00:19,710 --> 00:00:20,880
what this file will do.

6
00:00:20,880 --> 00:00:29,480
It will convert the order like Adobe to hex whenever you type any and when you type any like like blue,

7
00:00:29,490 --> 00:00:30,210
red or something.

8
00:00:30,210 --> 00:00:37,980
So I tricolor that to hex and then it will send to other elements because this this function, this

9
00:00:37,980 --> 00:00:39,090
package will lose.

10
00:00:39,490 --> 00:00:48,560
It, will accept it, will x back are like X or IGB, OK, or for that, I need to create another.

11
00:00:49,960 --> 00:00:53,260
On that file, which all my.

12
00:00:54,470 --> 00:01:03,530
Inside the ICRC, I need to go out a file that will be utilized or gives you pills, Dargis and I will

13
00:01:03,530 --> 00:01:04,550
import my.

14
00:01:06,260 --> 00:01:13,130
Boilerplate code, so if you don't know about this extension, please install this extension now, which

15
00:01:13,130 --> 00:01:17,360
extends and I'm talking about this is this is seven.

16
00:01:18,640 --> 00:01:19,670
Yeah, right, that.

17
00:01:20,530 --> 00:01:21,310
Oh my God.

18
00:01:22,980 --> 00:01:26,940
E7 to get your ducks rough, girls react native snippets.

19
00:01:27,390 --> 00:01:31,060
This is a really, really cool extension and it increases your productivity.

20
00:01:31,080 --> 00:01:36,270
What it does is that it gives you a boilerplate code of like the predefined function.

21
00:01:37,420 --> 00:01:44,190
So for example, now if I want the boilerplate code of the react like function component or I don't

22
00:01:44,190 --> 00:01:48,660
need to type it like, so I'll just press R F C and I'll get it.

23
00:01:49,050 --> 00:01:52,080
For me, this autopsy doesn't work for you.

24
00:01:52,080 --> 00:01:57,510
It might work maybe due to this w s and it doesn't work for me, but for you, it will be controlled.

25
00:01:57,870 --> 00:02:03,840
For me, it is going to be and then I like this S7 a step outside and then I have to press.

26
00:02:05,000 --> 00:02:05,330
He.

27
00:02:07,160 --> 00:02:08,930
So that's it.

28
00:02:09,050 --> 00:02:10,580
And this I will.

29
00:02:12,010 --> 00:02:18,310
Maybe we don't need this because we don't need this for the act because we are not returning or we are

30
00:02:18,310 --> 00:02:20,170
not exporting any GSX from.

31
00:02:20,800 --> 00:02:23,520
We are just going to return to functions.

32
00:02:23,530 --> 00:02:27,370
So maybe we don't need this because this return is needed.

33
00:02:27,370 --> 00:02:32,920
Just won't it be GSX vasectomies or any other turning HD million-dollar script like combine?

34
00:02:33,370 --> 00:02:34,740
So let me just delete.

35
00:02:34,910 --> 00:02:37,930
Maybe you just learn how to use that extension.

36
00:02:37,930 --> 00:02:38,560
That was good.

37
00:02:39,040 --> 00:02:47,170
But here I'll create a function so that function will be function and that will be on full name.

38
00:02:49,190 --> 00:02:53,750
Who acts and it will expect they're not going to see.

39
00:02:54,200 --> 00:02:59,840
Now don't try to think too much in this function because even I have not created this function.

40
00:02:59,870 --> 00:03:04,300
I have learned from somewhere and I would also not go articulate completely.

41
00:03:04,310 --> 00:03:07,460
So don't like, put your mind so much into this.

42
00:03:07,490 --> 00:03:08,810
This is not the main thing.

43
00:03:09,170 --> 00:03:15,800
And I will tell you later on that I like when I go when I went to this, like how to convert RGV to

44
00:03:15,800 --> 00:03:16,010
help.

45
00:03:16,020 --> 00:03:19,250
So I came up with different solutions on Google.

46
00:03:19,460 --> 00:03:26,270
So I found discord on Stack Overflow and I somehow tried to figure out how we get out how this kind

47
00:03:26,270 --> 00:03:27,750
of conversion takes place.

48
00:03:27,770 --> 00:03:29,900
Like, how did you do Hex takes place?

49
00:03:30,450 --> 00:03:35,990
So that was a long, cooler tackle concept, and it is not actually important like no one is going to

50
00:03:35,990 --> 00:03:42,410
ask in an interview how to create art, exhibit two hacks and with JavaScript because there are pre-built

51
00:03:42,410 --> 00:03:49,550
functions for it, you know, things are already there which can do that work in just a click or in

52
00:03:49,550 --> 00:03:50,760
just a line of code.

53
00:03:50,780 --> 00:03:57,920
So that's why I don't like that too much into it, just just to it's just a utility which we are using

54
00:03:58,430 --> 00:04:07,220
or that and I don't want to just copy paste and that will make you feel like not that will look completely

55
00:04:07,460 --> 00:04:07,910
boring.

56
00:04:07,910 --> 00:04:12,980
That's why I'm typing it so that you can at least explain, at least understand something.

57
00:04:13,340 --> 00:04:15,070
So here it will be.

58
00:04:15,080 --> 00:04:20,840
See that you don't always bring on will convert this to spring spring.

59
00:04:21,200 --> 00:04:26,780
This is a JavaScript function, of course, and this string of 16 characters.

60
00:04:27,920 --> 00:04:32,390
Next up, next, what we do is we'll report on.

61
00:04:33,590 --> 00:04:34,610
I don't.

62
00:04:36,680 --> 00:04:40,670
Why return and hex?

63
00:04:41,230 --> 00:04:44,030
Oh, this is the dining box, so I cannot lend.

64
00:04:45,850 --> 00:04:49,480
And this will be the land that will be equally poor, that there should be equal to one.

65
00:04:50,230 --> 00:04:57,050
And if it's equal to one, so this will return zero and it will last.

66
00:04:57,610 --> 00:04:58,210
Thanks.

67
00:04:59,120 --> 00:05:05,870
And I told you already don't try to think too much in and part of what happening is just for a reason,

68
00:05:05,870 --> 00:05:12,500
and you will connect the dots when we move forward in the projects now AGP 2x or function.

69
00:05:14,470 --> 00:05:17,980
Function now will type the TV.

70
00:05:20,130 --> 00:05:33,180
Two facts and the odd to me, a red, green and black, the cheap blue dress for black or blue, I think,

71
00:05:34,080 --> 00:05:35,160
OK, black black.

72
00:05:35,580 --> 00:05:37,160
OK, so let's return now.

73
00:05:38,290 --> 00:05:44,680
Now, whenever we're returning, like adedibu to hacks now, that is one speciality of the hacks like

74
00:05:44,680 --> 00:05:49,990
that is always a hashtag in the beginning of the cold, whatever the heck scored that to whatever the

75
00:05:49,990 --> 00:05:50,950
color code is that.

76
00:05:51,410 --> 00:05:58,300
So like before that there is a hashtag, so we'll return our hashtag.

77
00:05:59,570 --> 00:06:02,210
And we'll plus.

78
00:06:03,400 --> 00:06:05,920
Component of the same thing, this component to hacks.

79
00:06:07,480 --> 00:06:12,220
Component to Hex and we'll pass on.

80
00:06:13,680 --> 00:06:14,910
Then we'll add.

81
00:06:16,250 --> 00:06:17,360
Then we will do.

82
00:06:18,270 --> 00:06:26,130
Component to hacks, and we'll do green and we'll plus and then we'll do another.

83
00:06:27,180 --> 00:06:29,730
From concern to.

84
00:06:31,120 --> 00:06:33,770
And you might be wondering why I'm not listening.

85
00:06:34,540 --> 00:06:39,370
OK, so component to hacks and now that the black a semicolon?

86
00:06:40,090 --> 00:06:42,490
No, we want to explore this.

87
00:06:42,700 --> 00:06:44,410
So for.

88
00:06:47,560 --> 00:06:53,590
Default, like which one will be exporting this Artemio to Hex because this already has this function

89
00:06:53,590 --> 00:06:55,900
inside us to export?

90
00:06:57,670 --> 00:06:59,890
For biology.

91
00:07:00,010 --> 00:07:03,040
Me, too, X.

92
00:07:03,580 --> 00:07:04,240
All right.

93
00:07:04,540 --> 00:07:06,760
This is exported from here.

94
00:07:07,450 --> 00:07:13,030
Now we will import this in honor guard and another company.

95
00:07:13,180 --> 00:07:17,970
That component is known as Single Color Dargis.

96
00:07:18,340 --> 00:07:26,410
That component will be responsible for things like folk like all the colors will be displayed with the

97
00:07:26,410 --> 00:07:33,520
help of their single colored or whatever we type the name of the color, the colors related to it will

98
00:07:33,520 --> 00:07:33,880
be.

99
00:07:34,450 --> 00:07:38,980
It will be like displayed with the help of that function.

100
00:07:40,120 --> 00:07:41,920
So let me just go ahead.

101
00:07:42,280 --> 00:07:44,950
What is not saved in this new?

102
00:07:45,770 --> 00:07:49,240
It's not showing with a section was empty.

103
00:07:50,240 --> 00:07:58,190
Now I will create another file that will be single colored door to test.

104
00:07:59,000 --> 00:08:05,060
And now here I will inform the boilerplate code without the help of the extension, which I just showed

105
00:08:05,060 --> 00:08:05,270
you.

106
00:08:05,750 --> 00:08:10,310
So I'll press control, shift copy and then I'll do the S7 snippet sold.

107
00:08:10,700 --> 00:08:12,590
And here I do the RNC.

108
00:08:13,650 --> 00:08:21,210
And this will give me the like the initial cold, these lines of code like these are common for all

109
00:08:21,210 --> 00:08:24,120
when you are working with the components of the Common Core.

110
00:08:24,680 --> 00:08:28,890
That's why we avoid typing the same code many times.

111
00:08:28,950 --> 00:08:31,710
So that is why we use that extension.

112
00:08:32,240 --> 00:08:40,050
So now here we will import that debate to hex function from the utility, our ideas to let me import

113
00:08:40,560 --> 00:08:44,460
import duty be to.

114
00:08:45,710 --> 00:08:46,310
X.

115
00:08:47,790 --> 00:08:48,360
From.

116
00:08:49,680 --> 00:08:50,220
Flash.

117
00:08:52,280 --> 00:08:58,160
Who tells me, give us a Michael O'Neill, even if you don't give us a mango on it will not show an

118
00:08:58,160 --> 00:08:59,660
error like that.

119
00:09:00,110 --> 00:09:01,070
That's the fun part.

120
00:09:01,070 --> 00:09:06,710
Like you don't need to be so strict with the syntax and all stick with the indentation.

121
00:09:07,070 --> 00:09:10,600
So that is the good part about the ideas, which I loved.

122
00:09:11,160 --> 00:09:16,930
OK, now we will configure this art exhibit two.

123
00:09:17,480 --> 00:09:20,540
We will configure the single color and we'll see.

124
00:09:22,510 --> 00:09:30,320
We'll see how things go on here and how we will get Duclos will distribute them and will display all

125
00:09:30,430 --> 00:09:33,670
that, all that, all we do in the next two new.