1 00:00:03,960 --> 00:00:09,150 If a car so we are going to integrate it is collopy. 2 00:00:10,040 --> 00:00:14,960 We are going to integrate O'Ree, they cause components. 3 00:00:16,420 --> 00:00:20,320 A, yes, of course, A.S.. 4 00:00:23,860 --> 00:00:31,660 This is, of course, components and letters, they cause components here, homology is what you say 5 00:00:31,660 --> 00:00:33,130 on Excel centers here. 6 00:00:34,390 --> 00:00:35,560 Holmwood Chase. 7 00:00:44,980 --> 00:00:53,710 It is big first here react Bouchareb does not contain the export import is club. 8 00:00:55,490 --> 00:00:56,600 This AK. 9 00:00:58,010 --> 00:01:02,450 OK, well, let us begin our Vegas door to Jess. 10 00:01:04,050 --> 00:01:09,400 Yes, column, please refer to it as Slash Slusher. 11 00:01:13,700 --> 00:01:16,460 Slash column like this. 12 00:01:21,460 --> 00:01:23,680 Your image or soften the image. 13 00:01:27,910 --> 00:01:28,930 That is. 14 00:01:32,180 --> 00:01:42,280 Yes, and you can see we have finished and have image image one is not definite, as it were, of course, 15 00:01:42,290 --> 00:01:50,060 thought these days because our data comes from Holmdel Chase like we have image one is not defined it, 16 00:01:50,060 --> 00:01:51,620 but is not definite. 17 00:01:52,040 --> 00:01:57,780 Yes, because we have image, we have images in our doges components. 18 00:01:58,070 --> 00:02:06,290 This is our image once so we can use props in order to take all this data from our hamdard face and 19 00:02:06,290 --> 00:02:09,600 say it TransFair then of course. 20 00:02:09,620 --> 00:02:14,420 So what's required here is through commentary they call us. 21 00:02:16,530 --> 00:02:16,880 Or even. 22 00:02:17,600 --> 00:02:20,580 So we are going to do something. 23 00:02:20,600 --> 00:02:27,530 So let us come here in a reversed course and I'm going to show you the importance of using components. 24 00:02:27,770 --> 00:02:35,210 Instead of having all these column having different images, we are going to leave only one column instead 25 00:02:35,210 --> 00:02:41,230 of our cursor inside of a reverse course on points. 26 00:02:41,690 --> 00:02:43,640 So we are going to take all this. 27 00:02:44,060 --> 00:02:48,770 We are going to great for this and we're going to remove our dis. 28 00:02:52,010 --> 00:02:57,630 Is she from Argentina, merchants with considerably more margin strength? 29 00:02:57,680 --> 00:03:06,440 Yes, like this, and we are going to leave only one column, OK, in which we have image one and we 30 00:03:06,440 --> 00:03:15,090 are going to make all this dynamic by reusing the same vague class components in our downshifts components. 31 00:03:15,110 --> 00:03:18,200 So let us come here is not definite. 32 00:03:18,230 --> 00:03:20,510 So if you tried to. 33 00:03:22,270 --> 00:03:29,530 Image one is not an image to satisfy needs in our to that, sir. 34 00:03:32,020 --> 00:03:36,020 Yes, and in these moments, we have only image, one is not defined. 35 00:03:36,180 --> 00:03:39,330 OK, so we are going to come away from the chase. 36 00:03:39,610 --> 00:03:40,960 So what are we going to do? 37 00:03:41,140 --> 00:03:44,550 We are going to create a props that's Regla name image. 38 00:03:45,340 --> 00:03:50,310 We're going to name its image, OK, because we are going to make or this dynamic. 39 00:03:50,530 --> 00:03:56,260 I'm going to take what I'm going to remove image one and I'm going to use only image because I want 40 00:03:56,260 --> 00:04:01,600 to make all this dynamic by reusing the same they cause components. 41 00:04:01,880 --> 00:04:07,510 The first thing I'm going to do is to come here is to create the props that I'm going to call image. 42 00:04:07,840 --> 00:04:09,910 And sure, I'm going to say like these. 43 00:04:12,620 --> 00:04:15,650 And here I'm going to say image one. 44 00:04:16,160 --> 00:04:19,850 OK, I'm going to say image one, which comes. 45 00:04:21,230 --> 00:04:22,760 Which comes from. 46 00:04:23,650 --> 00:04:28,390 Our data, which is imported here, and I'm going to take image one like this. 47 00:04:30,100 --> 00:04:33,820 And it is going to be image, image. 48 00:04:36,000 --> 00:04:43,820 Image one like this, image one, image one, and you can see, of course, the chest image is not defined 49 00:04:43,830 --> 00:04:45,450 as the latest victim of a curse. 50 00:04:45,750 --> 00:04:48,770 And by using props, we are going to come here. 51 00:04:49,050 --> 00:04:51,480 We're going to say props like this. 52 00:04:51,840 --> 00:04:57,720 And here we are going to take these props that we have created here. 53 00:04:58,050 --> 00:05:02,700 And I'm going to copy these props come in or very close to tears. 54 00:05:03,060 --> 00:05:05,100 And I'm going to say props. 55 00:05:09,280 --> 00:05:12,560 Image like this and the problem is solved. 56 00:05:13,030 --> 00:05:17,330 And this is one image is defined it, but not never used. 57 00:05:17,350 --> 00:05:22,810 And if I try to make sure in our reaches the project, let us reload. 58 00:05:25,010 --> 00:05:25,460 Very good. 59 00:05:25,490 --> 00:05:34,220 You can see we have only one elements car instead of, of course, and importance of using components, 60 00:05:34,230 --> 00:05:39,530 what we're going to do, we are going to take the same components and we're going to reuse this the 61 00:05:39,530 --> 00:05:41,670 same components 12 times. 62 00:05:42,050 --> 00:05:46,430 We can't say games like 12 times. 63 00:05:46,850 --> 00:05:59,090 We have four, five, six, seven, eight, nine, 10, 11, 12 like this. 64 00:05:59,660 --> 00:06:01,430 And here we are going to say to. 65 00:06:03,940 --> 00:06:07,030 OK, but having the same props. 66 00:06:07,060 --> 00:06:07,450 OK. 67 00:06:09,270 --> 00:06:09,690 Well. 68 00:06:12,130 --> 00:06:12,820 Five. 69 00:06:14,700 --> 00:06:15,600 Six. 70 00:06:17,750 --> 00:06:18,500 Saving. 71 00:06:20,940 --> 00:06:21,570 Eight. 72 00:06:23,390 --> 00:06:26,300 And team. 73 00:06:28,430 --> 00:06:32,810 Living in right, and if you try to make here. 74 00:06:34,240 --> 00:06:38,230 It us see what reunite Gates if all this in one row. 75 00:06:38,250 --> 00:06:39,390 So what is the problem? 76 00:06:48,440 --> 00:06:50,120 Shave or just. 77 00:06:52,400 --> 00:06:54,230 Is, of course. 78 00:06:58,250 --> 00:07:03,860 Yes, the problem is this, the with the problem is the row and the. 79 00:07:04,730 --> 00:07:09,080 This is a column which which must be included instead of. 80 00:07:09,950 --> 00:07:12,680 So we need to grab gravities. 81 00:07:14,670 --> 00:07:16,800 Just put it here before. 82 00:07:18,640 --> 00:07:19,270 They call. 83 00:07:20,890 --> 00:07:21,550 Yes. 84 00:07:27,130 --> 00:07:29,380 You're going to report this here. 85 00:07:33,700 --> 00:07:39,900 The records and letters of a course removed or sold is OK, no problem. 86 00:07:48,540 --> 00:07:57,290 Or is it funny, but they used very good, solid producers, so we can't remove this from our VATE cause 87 00:07:57,300 --> 00:08:02,980 components and you can see the problem is solved by using props. 88 00:08:03,000 --> 00:08:07,950 You can see we have we are creating Hamdard chairs by using props. 89 00:08:07,990 --> 00:08:15,600 This is image and by reusing the same components several times, you can see we're going to have very 90 00:08:15,600 --> 00:08:18,160 different values of free props. 91 00:08:18,180 --> 00:08:20,770 And here we give props to its image. 92 00:08:20,790 --> 00:08:23,820 So this is also the importance of using components. 93 00:08:24,210 --> 00:08:28,520 And we have finished by importing Aughrim. 94 00:08:30,210 --> 00:08:37,380 Components are, of course, components, and a this is the vehicle components, and you can see in 95 00:08:37,380 --> 00:08:43,740 the next video we are going to be talking about the vehicle component in saying, OK, so the vehicle 96 00:08:43,740 --> 00:08:48,210 components is a subcomponents of the Corsair components.