Beautiful, and once we're familiar with the up, of course, now we just want to grab my data and display
my whole list.
So that's going to be the starting point where instead of setting up the pages or something along those
lines, I would just want to display the whole list of something, of course, we have done.
I don't know, 20 or 30 times already in the course.
So I think we should be fairly comfortable when we're looking for are the loading and data from my use
custom hook.
So I'll structure it right away, loading and then data that is coming from my use custom.
Awesome.
And then if you want to double check, just go log and then data and you should see andred items.
So I'm going to go with localhost my pagination starrer because I didn't change anything in the UI but
in the console in the beginning I have zero because of course we're still loading and then eventually
we'll have the array of hundred items.
Awesome.
And once that is in play then of course I'm going to go with my return and then instead of the heading
to I'm going to go with Maytag's and I'll start with my sexual title.
So therefore the class of section title.
And as far as the loading, I wanted to spice things up and we're not going to have to returns like
we normally had.
And I'm just going to go with loading inside of the heading one.
So there's going to be adding one inside of my section title.
And then in here I'm just going to check for loading.
If we're loading, then I'll display loading up.
So that's going to be my text.
So loading Dardanup and then if we're not loading, then we're just going to go with pagination.
So whatever title you would want.
And then since I'm obsessed with my underlines, I'm going to go with underline and I should say that
we're loading and then eventually we have the pagination.
And of course, I would want to display those followers.
So we're going to go here with a section and then the class will be all the worse.
No surprises over here.
And then once I have my section, then, of course, I would want to have a container.
So there was a class of container and we have our followers.
And at the moment, of course, I don't have that state of value.
So eventually there's going to be followers.
That's why I started typing that.
But for the time being, let's just go with data and then map and then for every follower, I would
want to return my follower component.
So I'm going to go here with my parameter follower and then I would want to return a follower component.
Now we need to have the key.
And if you check out the object that you're getting from the data and you can actually see it here in
the browser right away, they have already the ID property with some kind of value.
So that's what I'm passing here in the key.
I'm just going to say follower and then ID and then remember the spirit operator DOT and then we just
pass in the data that is in the follower.
I'll close my follower component and then of course for the time being we'll just have all these adventures
because that's what I have in the follower jass.
So let me navigate there to follow Hejaz.
And as far as the structuring.
What properties am I looking for, I would want to show the Avatar, Yoro, so that is the image also.
I would want to get the email.
You are so link that points back to that specific GitHub user and also login.
So that is going to be the nickname or user name however you would want to call it.
So to navigate back within the structure that you're going to say Avatar and then underscore your URL,
then I'm going to go with HDMI, underscore you all, and eventually also a login.
And once we the structure of these three things, I'm going to go with my article and of course, we'll
make this pretty sure I'm going to add a class of card that is coming from my CNS and in here, let's
go with image.
And as far as the source, let's pass in the avatar underscore you are all that is the property that
is responsible for the image.
Then I also would want to display the login look so vandi heading for and I'm going to go with a login
over here so let's go here with a login.
OK, so.
So we should have already cards.
We had some kind of name and then eventually our want to display a link that points back to the user.
So we go with this is going to be of course the HDMI underscore you are all online just because I would
want to add a little bit of this as we're going to go with class name and then beaten and has a value
as a text value, how we're going to go with you online profile.
We say if we can navigate to a bigger screen and then, of course, we have the list of the followers,
again, whether that is 30, whether or not it's five thousand, whether that is thirty thousand.
We have our whole list.
Now, of course, we'll have to make things a bit more interesting and generate our data.