This is where we left out in the last video.
So now we have created the React chat engine, we have imported it and also created the basic structure
that is required for the charging and.
We have green.
We have created a project and gave this project idea to the project and then the user name and then
the user secret.
So now what we want to do, we have to see the chart three of the user like in that group, in that
current group.
What are the messages that are sent by him, but also that that he was present in the group?
That means we want to see that chocolate over here, since there are no messages that if a user sends
a message or someone in the group center, as of now, there is only one person joining the group.
But if someone sends a message, you should appear to see it.
So this is how we will do now.
We'll be starting to build a component chat feed.
So now to render the chart, we have to at some point.
Then the product called chocked food.
I will take the chop, chop up, props up, props.
So this should be inside.
The backups.
So, yeah, and I will be adding that don't function.
And now it will return the chocolate chocolate component.
This chocolate component will take props, will be using this Fred operator to send all the props,
all the props.
So, yeah, so this is how we can read the chart, we have to build a chocolate company now and then.
I also want like whenever you jump sends a message or I receive a notification, I usually like to get
a sound so that I'll be notified in the fact that we can use.
Sorry for that.
A new message.
So these results are from.
New audio, some creating a new audio object.
So you're not going to be using the GDP as.
It's pretty basic.
So this is basically the audio sound of capture that you are like after from online, then basically
saying, is this from Jack?
And this comes from the chart engine assets.
So on you played a clip, it automatically.
Now it should play on clips of a do.
So this is how the all new message works.
So now as we are using cockpit audio and millennial component inside the components section, so yeah,
so now we are going to start building the components, so I'll be creating a new folder for conference.
And insect components we can stock chart food, Doug Sex.
It's also OK if you only keep it as the extension, it still works because it always gets on this X-Files,
I think.
So no problem for that, but I like to use the GSX extension.
So instead of simply, you can know, since when we are using gay sex, we don't need to import to react
every time it is auto important so that we can directly create the chocolate.
Since we are sending troops, we need to catch the proper 48.
And then we can get done something like and I say or do.
Okay.
Yeah.
They would like John to.
And then you can, for example, if you want, you can count on law and console.log and see what that
costs, what kind of crops you are getting.
So now, once we say this, we can go, Oh, they're going to chop food is not defined, so we are not
exporting chocolate.
So export.
So this is a good practice.
But no, it is not really a component in the basic constant chocolate.
It done some before today with the name of the company and also export it so that you can check whether
it's working or not.
It's one day for.
Chopped fruit.
So there's still an analog.
Is not defending our borders, so I'm not judge, you have to import it.
Yeah, you should not forget the important.
Seems that the components for much.
Draft Dodgers.
Tonight, I think that you're not.
There's still another.
Part of that, I feel I guess it's OK important, I'm forgetting to import the car component.
Glad you're in the area.
So now we can you can see, like beyond the chocolate, already it.
The Typekit.
That's looking pretty fine.
So now the next step we have to do is we have to create the other components, such as my message,
their message and message form.
So let me start creating the components.
My message dodgy assets.
Their messages are dated, so this is great, too, like, for example, if you take any job application,
your messages will be on one side and the opposite person's messages will be on either side.
So this rendered in this fashion will be using different components for each messages.
So unsophisticated will be using the message from message phone means that input field to send messages.
And then finally, he will be creating the log form after completing of all this components, the login
form is basically for users to log in into the app and then start using it.
So as you put it, everything you're going to basically create a constant for them bounced.
My message is it wants to.
And then.
I do.
Saying my message the next four default.
My message.
So I'd be copping this and then using its audio version of my message.
I can use.
Their message out it.
After their message, you can do it over there.
So I'll be using the shortcut control shift to select all the.
Politics items with the same name.
He says from.
A from.
When we are equitable.
Now, there are no adults like we have started building all the components, and in the next few don't,
we'll see the business logic to right in center field so that we can see all the users messages that
they're sending.