So now let's move forward.
So before creating a single colored dog, just like we will be having ballads like color component imagery
displaying colors on the UI.
So before doing that, let us first go ahead and create of another file that will be introduced so know
what this file will do.
It will convert the order like Adobe to hex whenever you type any and when you type any like like blue,
red or something.
So I tricolor that to hex and then it will send to other elements because this this function, this
package will lose.
It, will accept it, will x back are like X or IGB, OK, or for that, I need to create another.
On that file, which all my.
Inside the ICRC, I need to go out a file that will be utilized or gives you pills, Dargis and I will
import my.
Boilerplate code, so if you don't know about this extension, please install this extension now, which
extends and I'm talking about this is this is seven.
Yeah, right, that.
Oh my God.
E7 to get your ducks rough, girls react native snippets.
This is a really, really cool extension and it increases your productivity.
What it does is that it gives you a boilerplate code of like the predefined function.
So for example, now if I want the boilerplate code of the react like function component or I don't
need to type it like, so I'll just press R F C and I'll get it.
For me, this autopsy doesn't work for you.
It might work maybe due to this w s and it doesn't work for me, but for you, it will be controlled.
For me, it is going to be and then I like this S7 a step outside and then I have to press.
He.
So that's it.
And this I will.
Maybe we don't need this because we don't need this for the act because we are not returning or we are
not exporting any GSX from.
We are just going to return to functions.
So maybe we don't need this because this return is needed.
Just won't it be GSX vasectomies or any other turning HD million-dollar script like combine?
So let me just delete.
Maybe you just learn how to use that extension.
That was good.
But here I'll create a function so that function will be function and that will be on full name.
Who acts and it will expect they're not going to see.
Now don't try to think too much in this function because even I have not created this function.
I have learned from somewhere and I would also not go articulate completely.
So don't like, put your mind so much into this.
This is not the main thing.
And I will tell you later on that I like when I go when I went to this, like how to convert RGV to
help.
So I came up with different solutions on Google.
So I found discord on Stack Overflow and I somehow tried to figure out how we get out how this kind
of conversion takes place.
Like, how did you do Hex takes place?
So that was a long, cooler tackle concept, and it is not actually important like no one is going to
ask in an interview how to create art, exhibit two hacks and with JavaScript because there are pre-built
functions for it, you know, things are already there which can do that work in just a click or in
just a line of code.
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
or that and I don't want to just copy paste and that will make you feel like not that will look completely
boring.
That's why I'm typing it so that you can at least explain, at least understand something.
So here it will be.
See that you don't always bring on will convert this to spring spring.
This is a JavaScript function, of course, and this string of 16 characters.
Next up, next, what we do is we'll report on.
I don't.
Why return and hex?
Oh, this is the dining box, so I cannot lend.
And this will be the land that will be equally poor, that there should be equal to one.
And if it's equal to one, so this will return zero and it will last.
Thanks.
And I told you already don't try to think too much in and part of what happening is just for a reason,
and you will connect the dots when we move forward in the projects now AGP 2x or function.
Function now will type the TV.
Two facts and the odd to me, a red, green and black, the cheap blue dress for black or blue, I think,
OK, black black.
OK, so let's return now.
Now, whenever we're returning, like adedibu to hacks now, that is one speciality of the hacks like
that is always a hashtag in the beginning of the cold, whatever the heck scored that to whatever the
color code is that.
So like before that there is a hashtag, so we'll return our hashtag.
And we'll plus.
Component of the same thing, this component to hacks.
Component to Hex and we'll pass on.
Then we'll add.
Then we will do.
Component to hacks, and we'll do green and we'll plus and then we'll do another.
From concern to.
And you might be wondering why I'm not listening.
OK, so component to hacks and now that the black a semicolon?
No, we want to explore this.
So for.
Default, like which one will be exporting this Artemio to Hex because this already has this function
inside us to export?
For biology.
Me, too, X.
All right.
This is exported from here.
Now we will import this in honor guard and another company.
That component is known as Single Color Dargis.
That component will be responsible for things like folk like all the colors will be displayed with the
help of their single colored or whatever we type the name of the color, the colors related to it will
be.
It will be like displayed with the help of that function.
So let me just go ahead.
What is not saved in this new?
It's not showing with a section was empty.
Now I will create another file that will be single colored door to test.
And now here I will inform the boilerplate code without the help of the extension, which I just showed
you.
So I'll press control, shift copy and then I'll do the S7 snippet sold.
And here I do the RNC.
And this will give me the like the initial cold, these lines of code like these are common for all
when you are working with the components of the Common Core.
That's why we avoid typing the same code many times.
So that is why we use that extension.
So now here we will import that debate to hex function from the utility, our ideas to let me import
import duty be to.
X.
From.
Flash.
Who tells me, give us a Michael O'Neill, even if you don't give us a mango on it will not show an
error like that.
That's the fun part.
Like you don't need to be so strict with the syntax and all stick with the indentation.
So that is the good part about the ideas, which I loved.
OK, now we will configure this art exhibit two.
We will configure the single color and we'll see.
We'll see how things go on here and how we will get Duclos will distribute them and will display all
that, all that, all we do in the next two new.