1 00:00:08,110 --> 00:00:08,980 Very good. 2 00:00:09,460 --> 00:00:16,680 Now we're going to learn how to take the stuff from our religious, from different insights and then 3 00:00:17,740 --> 00:00:23,720 stay with the standards in our database, in our membership database via our server. 4 00:00:23,890 --> 00:00:29,790 So the thing we're going to do, we're going to use from here because our data will come from the phone, 5 00:00:30,430 --> 00:00:30,900 OK? 6 00:00:31,360 --> 00:00:34,240 And we're going to take all the records. 7 00:00:34,270 --> 00:00:40,440 So let us make sure in don't chase from launches is from the chase. 8 00:00:40,450 --> 00:00:42,180 Yes, from the Jersey Shore. 9 00:00:42,580 --> 00:00:49,660 So I want to force you to change these components from the functional components to the classic components. 10 00:00:51,310 --> 00:00:55,210 And the first thing I want to advise you is to install Axios. 11 00:00:55,810 --> 00:01:06,040 What is Axios extras is a module that allows us to send request from our formatted site in a 2D back 12 00:01:06,040 --> 00:01:07,570 inside, which is our server. 13 00:01:07,850 --> 00:01:13,870 OK, in order to integrate, in order to talk with our database. 14 00:01:14,650 --> 00:01:20,430 So the thing we're going to do here is to take away terminal RTIs, DeFries, Tamler here. 15 00:01:21,100 --> 00:01:29,010 So make sure to install Axios in your Fronton site, which is a shopping cart, because Axios allows 16 00:01:29,020 --> 00:01:36,580 us to allow us to send requests from the shopping carts, which is the REETTA project, to the database 17 00:01:37,390 --> 00:01:38,710 via our server. 18 00:01:38,740 --> 00:01:42,310 And we're going to say NPM Install. 19 00:01:45,810 --> 00:01:53,800 Mr. Axios, like this space, does that save in its tracks? 20 00:01:54,300 --> 00:01:54,870 Very good. 21 00:01:54,900 --> 00:02:01,050 So we're going to wait for copper against the installation of Axios. 22 00:02:04,690 --> 00:02:07,810 Very good access is installed successfully. 23 00:02:09,310 --> 00:02:15,490 We can see now clear and run against this thing in RPM's third. 24 00:02:18,130 --> 00:02:28,890 OK, and what's required, so if this thing turns this from class, I'm going to say plus from like. 25 00:02:30,710 --> 00:02:31,580 Extends. 26 00:02:35,610 --> 00:02:46,170 Components, OK, components, and does come here a result you're going to add components like this. 27 00:02:47,940 --> 00:02:57,770 Yes, let's remove all this and make sure to take all our ireton function and put it we are where instead 28 00:02:57,870 --> 00:03:04,500 of the render function, because we are using the multiclass, OK, Lutzes. 29 00:03:06,760 --> 00:03:13,300 And the thing we're going to do here is to create states like we're going to have states is going to 30 00:03:13,300 --> 00:03:23,420 be court through the clients because you want to have OK, so it is clear we cannot stop. 31 00:03:23,490 --> 00:03:27,890 We are going to get this right here, OK? 32 00:03:27,910 --> 00:03:30,580 We are going to get the name and the email, OK? 33 00:03:30,760 --> 00:03:37,420 And here we are going to create our data in our states if this is going to be clients, OK, clients 34 00:03:37,840 --> 00:03:42,400 by the efforts, we're going to set it through saying we're going to set you to strength e-mail or so 35 00:03:42,400 --> 00:03:44,520 like this to spring. 36 00:03:44,910 --> 00:03:47,020 OK, very good. 37 00:03:48,100 --> 00:03:51,810 So we're trying not to we are going to use axios. 38 00:03:51,820 --> 00:03:54,850 So let us call Axios weakness, say imports. 39 00:03:54,850 --> 00:04:04,420 Let us import axios and we are going to create to customize our objects of not just from axios press 40 00:04:04,420 --> 00:04:05,530 control space. 41 00:04:05,530 --> 00:04:06,010 Yes. 42 00:04:08,160 --> 00:04:08,890 Mm. 43 00:04:17,640 --> 00:04:22,230 If you try to open your not modular in your shopping carts, you're going to see we have actual here. 44 00:04:23,280 --> 00:04:25,050 OK, if you'll excuse. 45 00:04:32,710 --> 00:04:33,030 Six. 46 00:04:37,990 --> 00:04:38,680 From. 47 00:04:42,980 --> 00:04:49,850 Oh, please, yes, I love these imports, okay, from Axios. 48 00:04:50,270 --> 00:04:52,900 Yes, yes, like this. 49 00:04:53,840 --> 00:04:55,360 OK, very good. 50 00:04:59,330 --> 00:05:01,780 And here, with regard to. 51 00:05:06,190 --> 00:05:12,980 We are going to create a function that's required insert data once we click on Validate Regla, say, 52 00:05:13,030 --> 00:05:18,750 insert data, we're going to see insert odor handler. 53 00:05:20,020 --> 00:05:22,330 It's really a natural function. 54 00:05:26,930 --> 00:05:37,160 That is OK and such here are going so called Axios Lord's Post, if we want to save data and care, 55 00:05:37,340 --> 00:05:40,010 if we want to save data, make sure it supports posts. 56 00:05:40,970 --> 00:05:50,010 And here trying to say we are going to customize our roads, our roads and our roads is going to be 57 00:05:50,010 --> 00:05:50,990 equal to. 58 00:05:54,430 --> 00:06:01,740 They just come here, we're going to have the roots from the server side, like localhost, please. 59 00:06:06,420 --> 00:06:16,500 Like this, HTP localhost, ends, shall we say, save, or you'll say insert, we're going to use what 60 00:06:16,500 --> 00:06:17,810 we have inserts. 61 00:06:18,810 --> 00:06:22,950 OK, this is the first perimeter and the second one is going to be like this. 62 00:06:23,410 --> 00:06:30,270 So what's written up here in Insights, we are going to put information about what we are going to transfer 63 00:06:30,270 --> 00:06:31,460 in our server side. 64 00:06:31,650 --> 00:06:39,140 We have first for the client and the client is going to be equal to this state state lines. 65 00:06:40,740 --> 00:06:42,540 And the second is email. 66 00:06:45,750 --> 00:06:57,180 E-mail is going to be equal to this dot state dot e-mail and the loss is cut and cut is not here so 67 00:06:57,180 --> 00:06:58,150 hard to get cut? 68 00:06:58,620 --> 00:07:09,900 We are going to make our case if you try to scroll down here, Rischard, we have the original form 69 00:07:09,900 --> 00:07:13,090 here where you can see where you know, it gets cut. 70 00:07:13,110 --> 00:07:23,760 We have to take this dot that those cuts items like cuts items, because here we have the items here. 71 00:07:23,960 --> 00:07:25,500 OK, yes. 72 00:07:25,500 --> 00:07:26,750 Here cuts items. 73 00:07:27,900 --> 00:07:29,160 So are we going to come here? 74 00:07:29,350 --> 00:07:30,600 Just click on view. 75 00:07:31,980 --> 00:07:33,450 Go right there. 76 00:07:33,450 --> 00:07:34,410 Go like this. 77 00:07:37,160 --> 00:07:47,140 Where we have integrated because we want to transfer our health, yes, we we want to transfer our records 78 00:07:47,180 --> 00:07:50,080 items to different components. 79 00:07:50,150 --> 00:07:55,520 OK, and here we're going to say Katrina creates a problem that's going on, then cuts and see, we're 80 00:07:55,520 --> 00:08:06,420 going to states, these states that cover items like this and we are going to take this and discard 81 00:08:06,500 --> 00:08:09,590 is an object like the process we have created here. 82 00:08:09,950 --> 00:08:12,350 And we are going to back away from those years. 83 00:08:12,680 --> 00:08:21,830 And what we're going to say, we want to see these dots, props, dot cards, and it is an object in 84 00:08:21,830 --> 00:08:25,330 order to convert this object to an array, what's required. 85 00:08:25,400 --> 00:08:30,820 So we are going to say objects, dot values. 86 00:08:31,250 --> 00:08:31,660 OK. 87 00:08:33,140 --> 00:08:38,990 At this ends, we're going to put our props in such you're OK and we are going to get out of this, 88 00:08:39,470 --> 00:08:42,830 so make sure to go back in your order. 89 00:08:43,490 --> 00:08:45,730 So here we have it, all allergies. 90 00:08:45,980 --> 00:08:52,780 So I'm going to advise you through the this, OK? 91 00:08:52,840 --> 00:08:56,900 We are going to want to get our records, OK? 92 00:08:57,470 --> 00:09:05,570 So we're going to recreate this, OK, ends here in order to test make sure to change the top of your 93 00:09:05,570 --> 00:09:09,430 cards from spring to a rate type like this. 94 00:09:11,300 --> 00:09:11,920 Very good. 95 00:09:12,080 --> 00:09:15,190 Save a little bit from the chase. 96 00:09:15,190 --> 00:09:24,090 You can see this is the request insert or the handler and record Axios and Axios allows us to send request, 97 00:09:24,140 --> 00:09:26,810 OK, by using our link here. 98 00:09:27,180 --> 00:09:34,730 OK, from the front inside through the back inside, which is our server, in order to insert really 99 00:09:34,800 --> 00:09:44,090 itself from inserts, let's read data or updates from Modiba like a. object values. 100 00:09:44,110 --> 00:09:45,740 OK, so how to do it. 101 00:09:45,770 --> 00:09:51,150 Want to get it to translate the values in our state. 102 00:09:51,380 --> 00:09:52,580 It is very simple. 103 00:09:52,590 --> 00:09:54,100 We have already talked about it. 104 00:09:54,560 --> 00:09:55,540 I'm going to come first. 105 00:09:55,560 --> 00:09:57,680 All our inputs were here and then. 106 00:10:00,270 --> 00:10:08,500 Rodef name, and I'm going to call what's the only since it should be I and what I say on things like 107 00:10:08,520 --> 00:10:08,860 this. 108 00:10:08,970 --> 00:10:10,380 OK, very simple. 109 00:10:11,070 --> 00:10:22,080 And in such here we we're going to create a new function, having events as parameter and hiragana saying. 110 00:10:22,440 --> 00:10:23,250 Hmm. 111 00:10:25,650 --> 00:10:29,070 This week, not said. 112 00:10:41,180 --> 00:10:42,480 These thoughts that. 113 00:10:47,170 --> 00:10:48,160 Cichlids. 114 00:10:52,250 --> 00:10:53,270 Noctis. 115 00:10:59,540 --> 00:11:00,360 Very good. 116 00:11:00,380 --> 00:11:07,100 And we're going to say clients like you can put it in one line, OK? 117 00:11:07,310 --> 00:11:10,910 Client is going to be the courtroom.