1 00:00:01,140 --> 00:00:09,330 Here is a very simple portrait that only contain one h t MRO and also one swept Bob J as. 2 00:00:09,330 --> 00:00:14,400 So now we are going to use the script of J as so we have to add s with 3 00:00:18,230 --> 00:00:27,510 and sources script thought they s since we need to tout our extra m out that we are using more tools 4 00:00:28,140 --> 00:00:31,440 we need to add that type is equal to modules 5 00:00:39,050 --> 00:00:49,150 then we are going to create the first component with names as component one day as an inside the component 6 00:00:49,160 --> 00:01:01,490 one thought the s we create a variable is Apple which is equal to Apple and we are going to use export 7 00:01:01,700 --> 00:01:02,900 default. 8 00:01:03,360 --> 00:01:05,350 Yeah two types of export. 9 00:01:05,960 --> 00:01:08,390 One of them is the lightest a spot default 10 00:01:11,420 --> 00:01:14,730 and the other is export the constant directly. 11 00:01:14,870 --> 00:01:21,950 But first we are going to introduce export default Apple and if we want to import the component one 12 00:01:22,460 --> 00:01:28,070 into the script all day as we have to use import 13 00:01:32,250 --> 00:01:41,740 and seen so we just use export default so we can name it as anything you can use Apple or you can use 14 00:01:42,250 --> 00:01:42,710 app 15 00:01:49,120 --> 00:01:51,070 and then we try to pick out a result 16 00:02:09,000 --> 00:02:12,420 we have to add a single code which we are missing 17 00:02:18,640 --> 00:02:21,570 now you can see it's pretty poor people. 18 00:02:21,740 --> 00:02:30,260 Oh so it implied that it can import the pope but that's pretty bad. 19 00:02:30,280 --> 00:02:37,120 I do think it's probably bought according to Greek and other components with its component to it as 20 00:02:43,430 --> 00:02:48,310 an inside to come port until we are going to export to different Palestine. 21 00:02:48,420 --> 00:03:01,590 One is not enough and only stood the test of banana and the other I used orange. 22 00:03:01,630 --> 00:03:07,380 Now we are going to import up I'm not not an orange foam component to the thought they ask and it seems 23 00:03:07,390 --> 00:03:14,950 that we are using the export content and so we must use back the name that crammed here. 24 00:03:14,950 --> 00:03:17,290 So we are going to import 25 00:03:26,920 --> 00:03:49,660 banana and all right from component to Daughtry s. 26 00:03:50,150 --> 00:03:57,040 Now if you take a look at the college to all you kind of see it also as an export the banana and also 27 00:03:57,070 --> 00:03:59,150 the ordering. 28 00:03:59,700 --> 00:04:08,640 If you really want to change another name for example to the bottom right up banana things to ponder 29 00:04:10,010 --> 00:04:21,300 then we can also take a look at the name. 30 00:04:21,670 --> 00:04:25,910 Now you can see it also it's prey up but not here. 31 00:04:26,260 --> 00:04:32,850 So we can export successfully because really what we export here is not its path. 32 00:04:33,460 --> 00:04:38,610 So it's not that it's pretty but it is just a variable. 33 00:04:39,220 --> 00:04:46,770 And also that is another method that we can export all the things from that component to about 34 00:04:49,720 --> 00:04:57,620 we can delay these things and then import all of those damn things as food. 35 00:04:57,730 --> 00:05:02,710 Now that offer you a thing or age or bond are not going to use 36 00:05:05,430 --> 00:05:13,120 it thought banana and food but all range 37 00:05:18,510 --> 00:05:22,530 market is such that we know that there are some changes now. 38 00:05:22,760 --> 00:05:24,980 Let's look at the results. 39 00:05:25,370 --> 00:05:30,590 You can see it also straight up banana and Orange by using this method. 40 00:05:31,620 --> 00:05:34,370 So this is how the import and export work.