1 00:00:08,510 --> 00:00:15,080 Let us continue now, we are going to be talking about real truth router, Don, and the first thing 2 00:00:15,080 --> 00:00:20,390 we need is to start Reitzell, Don and regional say controversy. 3 00:00:21,850 --> 00:00:32,470 Let us come first for sure, we're going to talk we're going to stay in aim is tall Latisse reciept. 4 00:00:35,280 --> 00:00:36,660 Riots router. 5 00:00:38,020 --> 00:00:45,250 Don, and you can see the things that is react to Don. 6 00:00:52,720 --> 00:00:53,380 Very good. 7 00:00:53,440 --> 00:00:58,010 We have finished with the rare roots or installation. 8 00:00:58,030 --> 00:01:04,720 I'm going to say clear and the thing we're going to do is to import react router. 9 00:01:05,470 --> 00:01:08,230 So we are going to come in, Aughrim. 10 00:01:10,630 --> 00:01:15,580 Abdul, so are we going to see in part? 11 00:01:19,010 --> 00:01:19,940 Brasseur. 12 00:01:26,330 --> 00:01:31,490 Brother Ruzzo, brother selectees from. 13 00:01:34,730 --> 00:01:43,730 Or yakked Erturk Domme Latisse ends here, are we going to say you want to take personal term Portier 14 00:01:44,360 --> 00:01:45,260 and Puccio? 15 00:01:45,680 --> 00:01:53,540 And that means the components that we have here, which is cites, which includes all components of 16 00:01:53,540 --> 00:02:02,540 our project, can use the rerouting of reelects routes are done, OK? 17 00:02:02,930 --> 00:02:10,430 That means you can use the rerouting in reacting in our immediate project. 18 00:02:10,700 --> 00:02:18,080 If you say Brother Roeser and you include your components because the site's orchestrally does come 19 00:02:18,080 --> 00:02:18,480 here. 20 00:02:18,530 --> 00:02:18,920 Yes. 21 00:02:18,920 --> 00:02:25,670 As you can see, this site, the site's component's includes all components that we have in our project. 22 00:02:25,670 --> 00:02:27,350 We have admin and we have home. 23 00:02:27,740 --> 00:02:30,290 And we also we're going to create also the number. 24 00:02:30,290 --> 00:02:34,550 We are going to put our number off or restart the components. 25 00:02:34,850 --> 00:02:42,830 And they're here in our approach is make sure to put browser the router and then you're going to include 26 00:02:43,850 --> 00:02:49,360 the site's components in inside of your brother or some other. 27 00:02:49,640 --> 00:02:57,200 You can also say I want to remove the import Audie's, for example, imports in Hotspurs a router. 28 00:02:57,200 --> 00:03:00,600 You can come in such dodgiest you can import. 29 00:03:01,370 --> 00:03:09,350 You can put this in parts here and take RCF here Broza to come here in our site. 30 00:03:10,820 --> 00:03:11,630 Very good. 31 00:03:11,810 --> 00:03:12,620 You can say. 32 00:03:16,370 --> 00:03:18,800 You can't put it here like. 33 00:03:20,900 --> 00:03:25,340 And here you can remove and it is the same thing. 34 00:03:25,530 --> 00:03:34,220 OK, because sites, the sites component is here and all our components is inside of the brother, a 35 00:03:34,230 --> 00:03:38,720 router that means all our components can use the router. 36 00:03:38,910 --> 00:03:44,150 OK, the root system in right road to get it is defensing. 37 00:03:44,330 --> 00:03:49,470 But I prefer to put all in our approaches here. 38 00:03:49,880 --> 00:03:52,100 Yes, I prefer to do like this. 39 00:03:52,100 --> 00:03:53,240 So be free. 40 00:03:53,270 --> 00:03:59,810 You can do everything like you want and let us make fastforward here and here. 41 00:03:59,810 --> 00:04:05,720 You can see if I tried to make sure I'm going to stay and be Ms. 42 00:04:05,720 --> 00:04:08,960 Dark's I'm gonna run again my project. 43 00:04:13,400 --> 00:04:14,830 And I have this one thing. 44 00:04:15,040 --> 00:04:21,400 OK, let us back here and you can say, let us make let us come now in our sights. 45 00:04:21,420 --> 00:04:22,100 Don't chase. 46 00:04:22,550 --> 00:04:28,110 The first thing we're going to learn here is to use roots, for example. 47 00:04:28,130 --> 00:04:36,110 I want won't put a path here, for example, or slash or slash admin to have this is the homepage of 48 00:04:36,550 --> 00:04:37,730 the admin page. 49 00:04:37,850 --> 00:04:42,290 And we are going to be using Rootin in reactivates. 50 00:04:43,040 --> 00:04:53,630 And there is a like I said in the beginning of our It Reactivates is a library that uses the single 51 00:04:53,630 --> 00:05:01,610 page, the single web page application system, and they're here by using routing. 52 00:05:01,940 --> 00:05:09,740 It does things to say that we are going to have several Ishmail pages in our sites, in our application, 53 00:05:10,100 --> 00:05:17,060 but it simulates it stimulates like we have several pages. 54 00:05:17,060 --> 00:05:26,000 But no, we have only one page which is indexed DOT XML, which is in our public in our public folder. 55 00:05:26,270 --> 00:05:27,920 That's by using routing. 56 00:05:28,070 --> 00:05:37,070 We simulate, we simulate and we simulate that there are different components. 57 00:05:37,750 --> 00:05:42,230 OK, for example, the behaviour's like a page. 58 00:05:42,410 --> 00:05:51,800 OK, that means we don't have separate pages, but we simulate a simulator to have several pages in 59 00:05:51,800 --> 00:05:52,870 our application. 60 00:05:53,000 --> 00:05:56,000 So let us make for our site dodgiest. 61 00:05:56,360 --> 00:06:01,780 The thing we do here is to check the something thing that we have imported in our approaches. 62 00:06:02,240 --> 00:06:03,560 Let us come here. 63 00:06:03,560 --> 00:06:04,100 Copy. 64 00:06:05,270 --> 00:06:13,190 And here we're going to say we are going to say roots, the first fingerprints, they're going to say 65 00:06:13,190 --> 00:06:20,930 roots and we are going to use the routine in our reactions because we have already imported the brother. 66 00:06:21,110 --> 00:06:25,010 So that means all components that we're going to have. 67 00:06:25,010 --> 00:06:28,630 Insight's here can use the roots. 68 00:06:28,640 --> 00:06:35,830 And the reason why here we need to use roots and we can say import roots from riots are dumb. 69 00:06:36,770 --> 00:06:43,910 And if that's what I'm gonna do here, I'm going to commence resources and I'm going to come here or 70 00:06:43,910 --> 00:06:48,710 I'm going to say I'm going to call these components or root like this. 71 00:06:49,700 --> 00:06:57,080 And what I'm going to say here, I the roots and I'm going to say my path, OK? 72 00:06:58,250 --> 00:06:59,570 I'm going to say it's my path. 73 00:06:59,570 --> 00:07:01,400 I'm going to say slash, OK? 74 00:07:01,850 --> 00:07:08,990 That means if I say I put, for example, Slusher, the desire is to return a specific information. 75 00:07:08,990 --> 00:07:15,830 So rumors say, I'm going to say if you put slash, so you're going to return this component's. 76 00:07:17,400 --> 00:07:26,130 It is very simple, just take these components home and here we are going to stay home like this. 77 00:07:26,940 --> 00:07:32,300 And if I try to make sure you're going to see by default, I have this is the home page. 78 00:07:32,310 --> 00:07:34,290 If I say not this. 79 00:07:34,600 --> 00:07:35,970 This is the home page. 80 00:07:36,560 --> 00:07:37,740 OK, very good. 81 00:07:37,770 --> 00:07:40,290 And if I tried to say, for example, I mean. 82 00:07:41,890 --> 00:07:44,540 OK, we have this is the home page. 83 00:07:44,920 --> 00:07:53,870 OK, this is the home page, and then in order to avoid this problem, we're going to continue indefinitely 84 00:07:54,100 --> 00:07:54,800 in the future. 85 00:07:54,820 --> 00:08:01,330 So later, Somkiat, we're going to say, except if we want to avoid this problem, for example, if 86 00:08:01,330 --> 00:08:02,410 they put admin. 87 00:08:03,760 --> 00:08:07,750 I'm going to get a blank page because I don't know if this puffier.