1 00:00:00,180 --> 00:00:06,330 Now we start creating the messengers component, so when you go to the chat page, everybody's paid 2 00:00:06,330 --> 00:00:07,080 a message. 3 00:00:07,200 --> 00:00:16,530 So under the chat folder we create the message and under the folder, we create a messages folder. 4 00:00:16,890 --> 00:00:18,750 We create a message board. 5 00:00:19,020 --> 00:00:19,360 Yes. 6 00:00:19,980 --> 00:00:30,120 And inside these files, we type our JFC and inside the Chatterji as we import this component by being 7 00:00:30,120 --> 00:00:35,820 called message from message message. 8 00:00:36,120 --> 00:00:40,880 So if we typed something here and inside the trapdoor. 9 00:00:41,190 --> 00:00:41,640 Yes. 10 00:00:41,640 --> 00:00:48,280 And under the JS, aren't we going to encode the message component? 11 00:00:48,420 --> 00:00:55,720 And now if we go to the page and now if we go to the chat page, you can see the message component here. 12 00:00:55,890 --> 00:01:05,400 Now, we passed a message to this component by typing message message and also the user I.D. is equal 13 00:01:05,400 --> 00:01:07,200 to the user I.D.. 14 00:01:07,420 --> 00:01:17,370 Now we go to the message and read the structure, the problem by messages and also the user ID so we 15 00:01:17,370 --> 00:01:20,980 can try to type the user I.D. here. 16 00:01:21,120 --> 00:01:28,190 Now, if we save now, you can see there is a message and one to fix the user ity of John. 17 00:01:28,560 --> 00:01:33,080 So you can see we already successfully passed the data here. 18 00:01:33,090 --> 00:01:36,910 So the next thing is we are going to look through the message. 19 00:01:37,350 --> 00:01:42,490 So the next thing is we are going to look to the message and displayed on the Web site. 20 00:01:42,600 --> 00:01:52,050 So first we may see what inside a message so we can use trace on those during the flight and message 21 00:01:52,860 --> 00:01:54,960 and we can see it has the ID. 22 00:01:55,410 --> 00:01:58,950 And also the message is inside a property. 23 00:02:00,140 --> 00:02:07,180 So we are going to look through this by using method, thought, map and message. 24 00:02:09,040 --> 00:02:12,240 And we have the tape and we passed a key. 25 00:02:12,650 --> 00:02:21,840 The key is the message board and the school I.D. and the message is not OK. 26 00:02:22,340 --> 00:02:25,010 So we also command this now. 27 00:02:25,010 --> 00:02:29,770 We can see the message displayed at here, which is, hello, I'm John. 28 00:02:30,140 --> 00:02:33,350 And if we type because this is Tom and we type. 29 00:02:33,350 --> 00:02:35,210 Hello, this is Tom. 30 00:02:37,820 --> 00:02:44,590 Now, we also displayed here, so we already kind of food a message inside the computers.