1 00:00:03,750 --> 00:00:04,380 Very good. 2 00:00:04,500 --> 00:00:08,610 As you can see, we have succeeded through imports, are we now? 3 00:00:08,920 --> 00:00:10,470 So let us remove. 4 00:00:12,700 --> 00:00:13,180 These. 5 00:00:15,870 --> 00:00:22,680 Back here, here we have issue, so we are going to change this, but run once dark instead of having 6 00:00:22,680 --> 00:00:29,780 this background and if you try to make sure by default you're going to have lights, but grunt's is 7 00:00:29,790 --> 00:00:30,300 light. 8 00:00:30,630 --> 00:00:35,010 And if one TradeSports, we have it dark like here. 9 00:00:37,800 --> 00:00:46,380 Like, for example, like your case, like here, you need to put background that led us back here by 10 00:00:46,410 --> 00:00:48,360 Quran's Dark. 11 00:00:51,090 --> 00:01:00,660 It has been here and you can see the background is now dark, but the test is in that or so in Blak. 12 00:01:00,660 --> 00:01:04,020 So we need to change this problem to solve this problem. 13 00:01:04,020 --> 00:01:11,520 If we try to make our Yacktman SREP, if you want to have the states in white, make sure to add these 14 00:01:11,730 --> 00:01:15,860 variants that in your navigation bar. 15 00:01:16,110 --> 00:01:19,280 So let us come here and we are going to add something. 16 00:01:19,500 --> 00:01:21,360 We are going to say very dark. 17 00:01:21,660 --> 00:01:28,000 And if we try to make sure you're going to see the test is now in white, OK? 18 00:01:28,650 --> 00:01:29,370 Very good. 19 00:01:29,790 --> 00:01:36,150 And if you try to resize these things works perfectly. 20 00:01:37,290 --> 00:01:44,550 So let us make sure and we are going to say, for example, if I put the desire is to be redirected 21 00:01:44,550 --> 00:01:45,670 to the homepage. 22 00:01:45,980 --> 00:01:46,430 Okay. 23 00:01:46,650 --> 00:01:51,480 And here we are going to slash admin like this is the difference link. 24 00:01:51,690 --> 00:01:59,420 We have reports in order to be redirected, our different routes that we have defined here in our site, 25 00:01:59,420 --> 00:02:00,230 the chase. 26 00:02:00,600 --> 00:02:09,780 And once you click on this, you're going to put this link in your as you were and this year is going 27 00:02:09,780 --> 00:02:14,040 to bring you in this path. 28 00:02:14,070 --> 00:02:17,510 OK, so let us back here and reload this page. 29 00:02:17,520 --> 00:02:18,480 Click on Home. 30 00:02:18,840 --> 00:02:19,370 We are in the. 31 00:02:19,650 --> 00:02:20,730 This is the homepage. 32 00:02:20,730 --> 00:02:21,990 Click on this. 33 00:02:22,170 --> 00:02:23,520 This is the admin page. 34 00:02:23,940 --> 00:02:26,900 But the problem is the reloading of the page. 35 00:02:26,940 --> 00:02:35,010 So we must avoid this problem in order to have a really reactive web application because we are using 36 00:02:35,010 --> 00:02:36,710 Riodoce is OK. 37 00:02:37,020 --> 00:02:42,260 As you can see, this is the real is really just the website. 38 00:02:42,510 --> 00:02:46,830 OK, this is the Reactor Bouchareb website. 39 00:02:46,830 --> 00:02:50,910 And you can say like you can see here it is in reactors. 40 00:02:51,660 --> 00:02:57,160 If you try to click, for example, in home, OK, you're going to see it is real. 41 00:02:57,600 --> 00:03:00,930 If the page does not reload, click on get started. 42 00:03:01,230 --> 00:03:05,310 OK, so we want to do the same thing with our revved up. 43 00:03:06,120 --> 00:03:08,530 So let us make sure what's regular to. 44 00:03:08,640 --> 00:03:17,850 So we are going to back in arem now here and we are going to change this because we are using reactor 45 00:03:18,270 --> 00:03:18,900 Bouchareb. 46 00:03:19,050 --> 00:03:21,120 So it works perfectly. 47 00:03:21,120 --> 00:03:29,010 But the problem is the relaunch of the page and let us resolve this problem by using the lovely OK lachrymose 48 00:03:29,010 --> 00:03:30,200 in absolute terms. 49 00:03:30,200 --> 00:03:35,190 So we are going to commence this latest refusal to use reactor water. 50 00:03:36,090 --> 00:03:37,320 We have to return now. 51 00:03:37,380 --> 00:03:38,100 We are going to this. 52 00:03:38,160 --> 00:03:40,760 We are going to say nothing very good. 53 00:03:41,640 --> 00:03:43,200 And here we are going to stay home. 54 00:03:45,740 --> 00:03:47,120 We are going to say home. 55 00:03:49,950 --> 00:03:52,140 And after that, she was going to say Edman. 56 00:03:54,650 --> 00:04:03,230 And here we are going to say to, OK, we are going to avoid this problem because we are using two instead 57 00:04:03,230 --> 00:04:11,900 of each great attributes, because the attributes, we load the page and we are going to say like this 58 00:04:11,900 --> 00:04:12,800 and we're going to come. 59 00:04:12,800 --> 00:04:15,320 Also here we can say to like. 60 00:04:17,420 --> 00:04:18,290 To add me. 61 00:04:19,980 --> 00:04:25,050 Edwin Edwards, so let us back here and then click on Home. 62 00:04:26,000 --> 00:04:26,780 Click on Add Me. 63 00:04:26,810 --> 00:04:35,390 The problem is solved and we don't still hear them, they reload off the page, but the problem is they 64 00:04:35,390 --> 00:04:38,290 design the test is color it in blue. 65 00:04:38,450 --> 00:04:40,380 We must avoid also this problem. 66 00:04:40,610 --> 00:04:46,310 OK, as you can see, even if we use react router dom, we have the design problem. 67 00:04:46,700 --> 00:04:49,540 If we use the react, they react. 68 00:04:49,550 --> 00:04:55,630 Bouchareb, we have the problem of the reloading of page because we are using the iterative attributes. 69 00:04:55,880 --> 00:05:01,360 So how to avoid this problem, we are going to remove the nothing from REETTA retardant. 70 00:05:01,700 --> 00:05:07,670 We are going to add comments our react, Bouchareb, but we're going to add another thing that we have 71 00:05:07,670 --> 00:05:12,350 called reacts router Bouchareb in order to solve this problem. 72 00:05:13,100 --> 00:05:16,040 So make sure to grab facilities first. 73 00:05:16,040 --> 00:05:20,150 Here, we're going to grap we are going to call. 74 00:05:20,870 --> 00:05:21,860 We are going to. 75 00:05:23,780 --> 00:05:28,490 Import something that's recalling Container Link. 76 00:05:31,600 --> 00:05:41,050 Container like this and make sure to put it in a cardboard boxes from reacts. 77 00:05:42,780 --> 00:05:44,980 Roots are bouchra this. 78 00:05:45,450 --> 00:05:51,030 OK, so make sure to do that, and here we are going to see. 79 00:05:56,600 --> 00:06:01,230 We are going to see a link on Turner like this. 80 00:06:01,270 --> 00:06:11,210 OK, make sure to put Lincoln Center and you got lost and puts your Reetta cords in inside of your real 81 00:06:11,810 --> 00:06:14,050 are called, which is Lincoln Center. 82 00:06:14,060 --> 00:06:20,060 And here we are going to remove the tariff attributes in order to avoid the reloading of the page. 83 00:06:20,690 --> 00:06:25,460 And after that, we're going also to eight in Lincoln Center here. 84 00:06:27,130 --> 00:06:36,430 That is, in the end, we are going to take this nouf link here, we are going to read this another 85 00:06:36,430 --> 00:06:39,190 link here and put it in such a. 86 00:06:43,060 --> 00:06:51,730 That is, and we're going to say admin, okay, so if we try to make sure it is reloaded page words, 87 00:06:52,060 --> 00:06:53,530 tough of undefined. 88 00:06:53,560 --> 00:06:57,580 OK, so we need to put the Parthenon here in our Lincoln Tunnel. 89 00:06:57,580 --> 00:07:03,250 So we are going to see because it is Faryab, that recruitable swaps. 90 00:07:03,250 --> 00:07:05,350 So do not forget to put these. 91 00:07:06,370 --> 00:07:17,020 So and here we're going to say also to assist me like this, and if we try to make here perfect and 92 00:07:17,020 --> 00:07:19,770 if you click on, you're going to see the design is very good. 93 00:07:20,050 --> 00:07:22,960 And if you click on admin, we are enemy page. 94 00:07:22,960 --> 00:07:26,710 If you click on Home, we are in the home page without the reloading the page. 95 00:07:27,040 --> 00:07:28,410 Click here, click here. 96 00:07:28,420 --> 00:07:30,340 But the problem is to solve this problem. 97 00:07:31,150 --> 00:07:37,570 Uh, the problem is to get the testing boards where we have clicked. 98 00:07:37,930 --> 00:07:39,600 So it is very simple. 99 00:07:39,730 --> 00:07:44,230 This thing we going to is to only add is which exults. 100 00:07:46,010 --> 00:07:46,760 Except. 101 00:07:48,530 --> 00:07:55,790 We're going to say also here, except I excuse me, and here you're going to remove this picture with. 102 00:07:57,120 --> 00:07:59,770 Please remove the iterates. 103 00:08:01,940 --> 00:08:04,640 We moved each with its boots. 104 00:08:07,580 --> 00:08:11,710 Supports except to in, you know. 105 00:08:13,370 --> 00:08:21,800 Lincoln Center right is like, what's it as big as you can see, this is the admin page and the admin 106 00:08:21,810 --> 00:08:24,260 test is involved here. 107 00:08:24,580 --> 00:08:25,140 Very good. 108 00:08:25,400 --> 00:08:32,510 So this is the reactor Bouchareb class and the next year we're going to continue about our project.