1
00:00:01,060 --> 00:00:06,370
Let's take a look at a quick solution, so to get started inside my render method, I'm going to first

2
00:00:06,370 --> 00:00:11,830
build up a list and assign it to a variable that I'll call rendered user's.

3
00:00:13,450 --> 00:00:18,760
This is then going to be the result of mapping over the user's array, so do users map and then put

4
00:00:19,000 --> 00:00:21,550
in a function, they'll be executed for every user.

5
00:00:22,650 --> 00:00:26,760
For every user, the only properties we really care about are their ID and their name.

6
00:00:27,110 --> 00:00:30,000
So I'm going to structure out just those two properties.

7
00:00:30,310 --> 00:00:31,980
I'll put in a set of curly braces.

8
00:00:32,010 --> 00:00:32,610
Let me zoom in.

9
00:00:32,610 --> 00:00:34,380
Just make sure that's really clear.

10
00:00:34,770 --> 00:00:35,340
There we go.

11
00:00:36,350 --> 00:00:39,620
And then I will pull out just the ID and the name for each user.

12
00:00:41,030 --> 00:00:45,290
Then inside of our function body, I'm going to return an anelli.

13
00:00:48,030 --> 00:00:50,700
Do the lie itself, I will provide a Kiprop.

14
00:00:51,930 --> 00:00:57,990
That will have a value of the ID, so we're using the ID as a key in this case, again, super common,

15
00:00:58,680 --> 00:01:01,740
then inside the lie itself, we'll print out the name of this user.

16
00:01:03,300 --> 00:01:09,090
Then after building up the list of users, we'll show that inside this ULLE So inside the ULE we'll

17
00:01:09,090 --> 00:01:13,860
put a set of our curly braces and then rendered users like so.

18
00:01:17,090 --> 00:01:18,440
And there's our list of users.

19
00:01:20,060 --> 00:01:21,910
OK, I'm going to go ahead and check my solution.

20
00:01:25,520 --> 00:01:27,740
And after a brief pause, there we go.

21
00:01:27,890 --> 00:01:28,340
Very good.

22
00:01:28,910 --> 00:01:31,730
OK, so that's our first of all list building exercise.

23
00:01:31,730 --> 00:01:35,200
And once again, this is something that you're going to be doing a lot as a react engineer.

24
00:01:35,210 --> 00:01:38,900
So we're going to get a lot of practice in this course around building up simple lists.