Awesome work on right off 30 user card, cause we can display our followers.
Now, where do we have our followers?
Of course, that is in our context, correct, because first we set up the user mark user.
Then we had a state value of repolish as well as the followers.
Now we'll use the repos when we're setting up the charts, but now we would want to access the followers.
So what's really cool is that since again, we're sharing this all throughout our application.
I can easily access followers in my followers component, which of course is rendered in the user.
So let's do that first.
I guess I'm going to remove all my tabs, then I'm going to navigate to my followers.
So at the moment we just have the heading to we have already input 40 GitHub contacts and let's right
away get our followers.
So we're going to say follow worse.
And that one is coming from use contacts.
So I'm going to use react, use context and then I'm gonna pass in my get up contacts.
And just so we all are on the same page.
We're gonna be looking at a giant object we munch overrides.
Now, in this case, it says followers are not defined.
Of course it's not defined because I misspelled it.
Now I should have my followers.
Now I'm going to navigate to a bigger screen.
Because they think it's going to be easier to say sorry for, check out the console again, bunch of
warnings.
But then I have a of 30.
Now, don't worry.
Eventually, we're going to get followers and we will use the query where we're adding this per hundred,
meaning we're going to get hundred followers.
But in the Hmong data, I just set it up as a 30 and then each and every follower is an object.
And then in the object, we have some properties that we wouldn't want to display.
More specifically, I would want to showcase the image, the name, as well as where you can navigate
in order to check out that follower's profile.
So this is where we're going to do.
We have the followers.
Beautiful.
Now, I don't need to console lock them anymore.
Now I need to set up my rapport again.
So my style component.
Then inside of the wrapper, I would want to have a div with a class of followers.
So follow the Hirsch show.
And then within this they have now I'd want to iterate over my.
All right.
So let's go to followers and then map and then each and every object I'm going to have access to.
Using the primer.
Correct.
So follower.
That's my name.
And then also I would want to grab the index.
Because we're just going to use it.
So I'm going to go here with my return.
And that inside of their return, I just need to decide what I would want to display.
And since each and every object is in my follower, I'm just gonna pull out my image my age.
The email you are all meaning the location of the repo or the user, I guess more correctly, as it
was the LOG-IN, which essentially just gives us the name of the follower.
So we're gonna go with concept from the follower.
We're going to look for Avatar.
Then on the score, you are all.
And I'm right away going to give it an Allegra's some de structuring from my follower object, but I'm
going to give it an alias of I am G and nine ASTM all euro as well as the last one.
Of course is dialoging.
So those three things are coming from each and every follower.
So iterating over my array and then each and every item is an object pushing that array.
And then from that object I'm looking for Avatar Yoro, which is of course, the image.
Now I'm going to give an analysis of image because it's easier than H.T. Amelle.
You are all as well as the log.
And once I have this now, I just need to decide what I would want to return.
So in here, I'm going to go with article.
Then let's add a key, because again, we have the list.
That's why I grabbed the index as well.
And then we're just going to have the image.
Now, keep in mind, we already have the I am G correct.
Ellers here.
Now for the alternative, we're gonna have a log-in that's gonna be our name.
So we should see already some images.
Awesome.
And then after that, I would want to have a div here.
So right next to it, let's place quickly a div.
And then inside that div we're going to get a heading for.
And then inside of that heading for, we're just going to display a logging property right after the
logging.
We are going to go with our atrip.
So let's go with a.
And of course in here we're looking for HDMI.
I'll underscore your all as far as the value is gonna be exactly the same as the amount you are all.
Well, Sarah.
Everything looks really well.
Now, the one thing that I messed up is the fact that the link should be right here.
My apologies.
Now, once we add that, of course, now we're displaying the user's snorers, how we can scroll up
and down and see the followers that the user has.