1 00:00:04,010 --> 00:00:08,500 So now that as we have created all our components now will be configuring our companies. 2 00:00:08,540 --> 00:00:12,350 So moving to your abdulgafar, which is inside source directly. 3 00:00:14,030 --> 00:00:18,710 Now inside our dogs will be calling these three companies that we made in our components folder. 4 00:00:19,870 --> 00:00:20,730 So important. 5 00:00:29,430 --> 00:00:31,050 This is inside the components folder. 6 00:00:32,980 --> 00:00:35,960 And inside the components, we have got a number. 7 00:00:36,280 --> 00:00:40,540 So let's just imported now after this header will be also needing a search bar. 8 00:00:52,220 --> 00:00:54,530 Now, this story is inside our components folder. 9 00:00:56,800 --> 00:01:01,810 We have got a search bar, and after search, Barbara also been putting a catalyst. 10 00:01:06,200 --> 00:01:11,540 This is, again, from a conference folder and inside the components folder, we have got a. 11 00:01:13,070 --> 00:01:13,760 Catalyst. 12 00:01:16,000 --> 00:01:17,740 So we have imported these components. 13 00:01:17,780 --> 00:01:19,720 Now let's put them inside a pair both. 14 00:01:21,050 --> 00:01:22,460 So first, it's going to be the head of. 15 00:01:25,530 --> 00:01:27,870 And after that, we are going to put up a search bar. 16 00:01:30,390 --> 00:01:32,940 And after such Bible putting up a catalyst. 17 00:01:43,630 --> 00:01:44,290 Now, it seems. 18 00:01:52,620 --> 00:01:54,030 So we have imported all the components. 19 00:01:54,060 --> 00:01:58,050 Now it's time to move into ahead because that's the first component that will be configuring. 20 00:01:58,920 --> 00:02:03,300 So open up your Windows Explorer and move into your neighbor. 21 00:02:07,330 --> 00:02:12,370 OK, so inside the number, what I want to do is that we will be having one of the images that they're 22 00:02:12,370 --> 00:02:13,180 going to put up. 23 00:02:13,540 --> 00:02:18,010 So for that purpose, the first thing that will do in here is that there'll be. 24 00:02:20,410 --> 00:02:25,420 They're moving this and importing images now, these images have already been provided to you. 25 00:02:26,260 --> 00:02:28,360 So if we just move into a file explorer. 26 00:02:32,220 --> 00:02:34,800 You have these all these images that you need, just copy them. 27 00:02:43,320 --> 00:02:49,590 Copy them and moved to the project directory that you have made, in my case, it is on the PC users 28 00:02:49,800 --> 00:02:51,000 source and Breaking Bad. 29 00:02:51,210 --> 00:02:52,530 And inside the source directory 30 00:02:55,440 --> 00:02:57,540 will making another folder with images. 31 00:03:00,990 --> 00:03:05,190 And inside this images will be pasting all the images that we need in our application. 32 00:03:05,700 --> 00:03:06,660 So just paste them. 33 00:03:11,380 --> 00:03:14,410 OK, so when images still left, let's move back. 34 00:03:15,280 --> 00:03:19,840 Background image that is a pure black again moving to a Breaking Bad. 35 00:03:21,550 --> 00:03:22,330 And president. 36 00:03:23,310 --> 00:03:26,300 So now here we have all eight images that we need for that application. 37 00:03:26,430 --> 00:03:33,270 If we just head back to your terminal making batteries now inside so that you will see this images folder 38 00:03:33,450 --> 00:03:39,030 and in this images folder, we are having a background also, as well as a spinner now spinners basically 39 00:03:39,030 --> 00:03:39,900 for the refreshment. 40 00:03:39,900 --> 00:03:44,990 When we are going to refresh our app, then the spinner should appear now in the header. 41 00:03:45,000 --> 00:03:46,770 We want our logo to be. 42 00:03:46,770 --> 00:03:48,600 The writer will be pasting up our logo here. 43 00:03:48,900 --> 00:03:54,720 So inside the observer will just do that and said the number will be creating up an image source that 44 00:03:54,720 --> 00:03:56,460 is going to have the sort of logo. 45 00:03:56,850 --> 00:03:59,440 But in reality, we need to import the image first. 46 00:03:59,440 --> 00:04:04,020 So let's just import logo from its image directory. 47 00:04:04,620 --> 00:04:05,790 No, is above this. 48 00:04:06,610 --> 00:04:12,780 Instead, the images we want our logo that being, you know, make a sauce, make an image element. 49 00:04:13,960 --> 00:04:14,870 And give it a source. 50 00:04:16,420 --> 00:04:22,150 This sauce is going to take up our logo and after the sauce will give it an alternative name, which 51 00:04:22,150 --> 00:04:23,860 is again going to be local. 52 00:04:25,460 --> 00:04:26,780 No, close this image. 53 00:04:28,680 --> 00:04:30,090 And we are having no hit. 54 00:04:30,810 --> 00:04:33,420 So, OK, we have configured our Navarre. 55 00:04:33,690 --> 00:04:39,890 Now let's just move into our Abdel-Aziz and start creating it. 56 00:04:40,170 --> 00:04:41,370 We already have imported. 57 00:04:41,370 --> 00:04:44,460 I'd had a search bar as well as a catalyst. 58 00:04:44,830 --> 00:04:47,100 Now there are a few other components that we need to configure. 59 00:04:47,130 --> 00:04:50,940 That is, we need to pass and we need to have stayed in this right. 60 00:04:50,940 --> 00:04:53,640 So we'll be using state from the act. 61 00:04:53,910 --> 00:04:57,720 And the hooks that that we're using are the use data as well as use. 62 00:04:57,720 --> 00:05:01,200 If I took in this application, so you just import used it. 63 00:05:03,930 --> 00:05:05,880 From reaction from the Ahmadu.