1 00:00:01,140 --> 00:00:06,840 In this video, we can see how to write the code for a read receipt and the message from logistics companies. 2 00:00:08,020 --> 00:00:12,040 So first, we have to go to the field component. 3 00:00:13,710 --> 00:00:18,510 And then, as you can see here, we have created a class for real recipes, but haven't written any 4 00:00:18,510 --> 00:00:19,200 code inside. 5 00:00:19,530 --> 00:00:21,360 So now we'll write the code that is required. 6 00:00:22,530 --> 00:00:30,240 So after entering in this day of leadership class, it will light up will call a function a JavaScript 7 00:00:30,240 --> 00:00:30,720 function. 8 00:00:33,070 --> 00:00:34,470 That is rendered read receipts. 9 00:00:41,790 --> 00:00:47,610 So this function is basically to render the chart on the left set, all right, so if it is your message, 10 00:00:47,610 --> 00:00:48,630 it should be on the right side. 11 00:00:48,930 --> 00:00:54,390 If it is zero others opposite side myself, then it should be on the left side, so it will send two 12 00:00:54,390 --> 00:00:55,050 parameters. 13 00:00:55,500 --> 00:00:56,010 One is. 14 00:00:56,970 --> 00:00:58,080 The message itself. 15 00:00:59,410 --> 00:01:03,010 And there is the Boolean, whether it is your message or not, so is my message. 16 00:01:05,180 --> 00:01:08,210 So one reason the JavaScript function, we have to create the function. 17 00:01:09,230 --> 00:01:12,200 So here we have created a function for random messages. 18 00:01:12,740 --> 00:01:16,000 Now will create the function for ratings of surrender data. 19 00:01:16,100 --> 00:01:16,400 It's. 20 00:01:21,380 --> 00:01:22,500 Two parameters. 21 00:01:23,380 --> 00:01:25,270 Message and leave my message. 22 00:01:26,710 --> 00:01:30,340 And we are at a function so like it shouldn't happen. 23 00:01:30,880 --> 00:01:33,190 So basically it didn't they? 24 00:01:33,400 --> 00:01:39,880 The message to the left underwrites it, so we have to map that like we have to map the person's idea, 25 00:01:39,880 --> 00:01:40,150 right? 26 00:01:40,480 --> 00:01:43,330 So we'll go to Chart Dot. 27 00:01:44,300 --> 00:01:48,650 People from all people will map through each person. 28 00:01:50,940 --> 00:01:52,640 So they're a little better person. 29 00:01:52,960 --> 00:01:53,610 But my next. 30 00:01:54,670 --> 00:01:56,380 So every time the rule plans. 31 00:01:57,610 --> 00:02:01,420 Every time the new brands, there will be one person and the next corresponding with that person. 32 00:02:04,550 --> 00:02:07,480 So that what we have to do is. 33 00:02:08,540 --> 00:02:09,650 Will the 10 percent? 34 00:02:13,670 --> 00:02:15,360 One person. 35 00:02:24,750 --> 00:02:26,370 The Senate last. 36 00:02:28,870 --> 00:02:31,930 The last word and that is from everybody. 37 00:02:36,340 --> 00:02:40,720 Well, I don't know whether that's the question that launched it is terribly cultural. 38 00:02:43,300 --> 00:02:43,930 Message not. 39 00:02:47,250 --> 00:02:50,280 So we'll get an idea of that particular message the person is sending. 40 00:02:51,000 --> 00:02:54,000 OK, and then we have to render the comprehension of this is true. 41 00:02:54,690 --> 00:03:02,090 This is the middle of the second parameter of the item, which is right off the bat and operator will 42 00:03:02,090 --> 00:03:02,790 get executed. 43 00:03:03,150 --> 00:03:04,350 So we have to execute this. 44 00:03:04,360 --> 00:03:09,280 Then we have to return to the right side with an angle to. 45 00:03:14,360 --> 00:03:16,730 So this will be will be to keep. 46 00:03:22,050 --> 00:03:26,130 I knew the dollar operator to get the public. 47 00:03:28,100 --> 00:03:29,180 So these are the props of the. 48 00:03:31,180 --> 00:03:35,260 Since there is a symbolic statement, attribute props are called as attributes. 49 00:03:36,400 --> 00:03:42,000 Since the simple, extremely tight, this props are far less accurate, which class will be received? 50 00:03:45,460 --> 00:03:48,250 Oh, just believe that it should be easy to. 51 00:03:49,620 --> 00:03:53,940 And then we be a customs strike, but that still should be a JavaScript object. 52 00:03:55,900 --> 00:03:56,710 Will be my floor. 53 00:03:58,950 --> 00:04:00,400 It is my message. 54 00:04:02,810 --> 00:04:03,650 Then it should be like. 55 00:04:06,360 --> 00:04:07,350 And then when it should be left. 56 00:04:15,540 --> 00:04:22,590 Background image if the person uploads Avatar while creating the user anyway, so we after another person's 57 00:04:22,590 --> 00:04:24,900 avatar, read the person's profile picture. 58 00:04:26,500 --> 00:04:32,710 So we can get through the night operator from mapping, from the lesson we got from the map function. 59 00:04:35,760 --> 00:04:37,060 And we have to pass that you are. 60 00:04:42,460 --> 00:04:43,950 It should be a person that was in rather. 61 00:04:57,260 --> 00:05:00,050 So with this, we completed that and then we did it. 62 00:05:02,090 --> 00:05:07,040 So basically, what it is doing, it is taken to promote this message and my message mapping to all 63 00:05:07,040 --> 00:05:12,740 the people that are present inside that chat, like inside that chat group that is created, if not 64 00:05:12,740 --> 00:05:14,690 for each person they're corresponding in next. 65 00:05:14,840 --> 00:05:21,430 And it will render that person's message based on whether it is the user that is currently logged in 66 00:05:21,440 --> 00:05:23,840 or that user with whom he is chatting. 67 00:05:24,140 --> 00:05:26,560 So if it is, this is methodical, not on the right side. 68 00:05:26,570 --> 00:05:29,600 If it is not, but opponents must have landed on the left set. 69 00:05:29,750 --> 00:05:33,740 So this is basically what we are doing in that you underrated its function. 70 00:05:34,190 --> 00:05:37,640 Then off of this computer, now we are left with two more components. 71 00:05:37,790 --> 00:05:42,590 One is message form to send your message, as you can see it, to send the new message. 72 00:05:43,040 --> 00:05:48,350 We need to build this message in the last one log in component to the log in form. 73 00:05:48,800 --> 00:05:50,450 So these two components are remaining. 74 00:05:50,690 --> 00:05:52,010 We'll see them in the next week.