In this part, we are going to create a room list which show the rooms at the right side and scenes
at this stage we do not have any database, so we have to go to the home party and create some commentators.
So under here, we create Cornerstone's rooms is DeCota and sees the room object, we just have the
name.
And also just the ID from the database, so we create a I.D. and we just similary the ID from Mongoloids
so that you underscore here.
And then we create another room.
And which is Rome two and four or five, six and under the podium voters, we create a new file which
is really starting and we are again creating the we at our function component.
And then, for example, we type role here.
And at the home page, we import this component.
And we import the homeless from homeless.
And then here we type the cross U.S. column and it takes up six unit of space, which indicates that
more size and five unit of space when medium size and so offset one and then replace the Romneys here
so we can see the room is already exist here.
Now, we are going to pass the data that we just create on the top.
So we use Rom's is equal to Rom's.
And then here with the structure, these rooms, and then we can see the rooms here, for example,
we used to sort of 25 rooms.
Now we can see the Jayton object here.
Now, instead of just displayed adjacent, we are going to render the name one by one.
So we will check if there is rooms here.
And then we use the functions and then we have the tape.
And the key is room thought, Heidi.
And the name is room name.
So now if you take a look on the website, you can see room one and room to these two names.
Now, instead of just Grandaddy's, a simple task, we are going to use the card to display the room
and we find this is suitable.
So we copy this one back to the home and we create a new component room as in every place here, and
need the shelf coating pack.
But we can delete this because we do not have any image and we do not have any paragraph and we do not
have any questions so we can delete this.
And now like before we have to import and like before we have to go to the Romneys and import the room
from the room and then instead of using them, we are going to be using card so we do not have to for
the room here.
Instead, we passed a name is equal to room dot, name to be room card.
And then we take a look on the website.
Now you can see the card already exist here, but there is horizontal card.
So we are back to the room and see we have the title here.
So we do not need this do now we can see the card here and now we can restructure the name.
And then instead of passing this test, we are going to use the name.
Oh, we can see the room name here.