So now that as we have created all our components now will be configuring our companies.
So moving to your abdulgafar, which is inside source directly.
Now inside our dogs will be calling these three companies that we made in our components folder.
So important.
This is inside the components folder.
And inside the components, we have got a number.
So let's just imported now after this header will be also needing a search bar.
Now, this story is inside our components folder.
We have got a search bar, and after search, Barbara also been putting a catalyst.
This is, again, from a conference folder and inside the components folder, we have got a.
Catalyst.
So we have imported these components.
Now let's put them inside a pair both.
So first, it's going to be the head of.
And after that, we are going to put up a search bar.
And after such Bible putting up a catalyst.
Now, it seems.
So we have imported all the components.
Now it's time to move into ahead because that's the first component that will be configuring.
So open up your Windows Explorer and move into your neighbor.
OK, so inside the number, what I want to do is that we will be having one of the images that they're
going to put up.
So for that purpose, the first thing that will do in here is that there'll be.
They're moving this and importing images now, these images have already been provided to you.
So if we just move into a file explorer.
You have these all these images that you need, just copy them.
Copy them and moved to the project directory that you have made, in my case, it is on the PC users
source and Breaking Bad.
And inside the source directory
will making another folder with images.
And inside this images will be pasting all the images that we need in our application.
So just paste them.
OK, so when images still left, let's move back.
Background image that is a pure black again moving to a Breaking Bad.
And president.
So now here we have all eight images that we need for that application.
If we just head back to your terminal making batteries now inside so that you will see this images folder
and in this images folder, we are having a background also, as well as a spinner now spinners basically
for the refreshment.
When we are going to refresh our app, then the spinner should appear now in the header.
We want our logo to be.
The writer will be pasting up our logo here.
So inside the observer will just do that and said the number will be creating up an image source that
is going to have the sort of logo.
But in reality, we need to import the image first.
So let's just import logo from its image directory.
No, is above this.
Instead, the images we want our logo that being, you know, make a sauce, make an image element.
And give it a source.
This sauce is going to take up our logo and after the sauce will give it an alternative name, which
is again going to be local.
No, close this image.
And we are having no hit.
So, OK, we have configured our Navarre.
Now let's just move into our Abdel-Aziz and start creating it.
We already have imported.
I'd had a search bar as well as a catalyst.
Now there are a few other components that we need to configure.
That is, we need to pass and we need to have stayed in this right.
So we'll be using state from the act.
And the hooks that that we're using are the use data as well as use.
If I took in this application, so you just import used it.
From reaction from the Ahmadu.