1
00:00:00,060 --> 00:00:00,990
Most confident.

2
00:00:01,920 --> 00:00:06,330
So let's create a list component and name it, let's do Darger six.

3
00:00:07,680 --> 00:00:10,350
OK, so we have finally created our two components.

4
00:00:10,650 --> 00:00:16,140
Now it's time to populate our written statement so that it doesn't give us that landing a landing error.

5
00:00:16,740 --> 00:00:20,910
So inside a written statement, what we'll have is a parent container is going to be a mean.

6
00:00:21,480 --> 00:00:25,380
So let's just create a man and give it a closing tag.

7
00:00:25,380 --> 00:00:25,760
Maybe.

8
00:00:27,600 --> 00:00:31,890
OK, so you have a man, including Tag now, will give it a section with the class name of container.

9
00:00:32,280 --> 00:00:35,270
So this is going to be a child element of me.

10
00:00:35,280 --> 00:00:39,960
So let's create a section and give it a class name, OK, container.

11
00:00:48,000 --> 00:00:55,020
And once the session is completed inside the session, we are going to have an itch three tag that is

12
00:00:55,020 --> 00:00:58,890
going to tell the body by.

13
00:00:59,970 --> 00:01:01,340
They are three.

14
00:01:15,380 --> 00:01:22,370
Northern Alberta this Saturday, as bad as it is going to have another piece of state that will be adding

15
00:01:22,370 --> 00:01:24,080
shortly now.

16
00:01:25,350 --> 00:01:34,230
Let's call our list element and give it the people's data now before we do anything further, we want

17
00:01:34,230 --> 00:01:35,970
to include state in our up.

18
00:01:36,180 --> 00:01:41,460
So let's just import create a new state context to free people.

19
00:01:44,350 --> 00:01:50,800
And said, people, so this is the piece of data that is going to contain the number of persons that

20
00:01:50,800 --> 00:01:55,240
have their birthdays as well as everyone, tell us whose birthday is today or not.

21
00:01:57,760 --> 00:02:00,850
And let's just give it you state.

22
00:02:07,250 --> 00:02:09,290
OK, so we are getting our data into this.

23
00:02:09,560 --> 00:02:13,400
We are actually getting our data from the data, the GSI that we just made.

24
00:02:13,970 --> 00:02:16,040
So let's just send data in here.

25
00:02:16,430 --> 00:02:21,020
So all the data that we're getting from our data outages is going to be stored in our people.

26
00:02:21,470 --> 00:02:24,800
And this is the initial value, as I said, people, it's a setup function.

27
00:02:26,130 --> 00:02:33,450
So now inside a three element will also have a number of people's birthday that is today people.

28
00:02:34,560 --> 00:02:35,550
That land.

29
00:02:36,720 --> 00:02:38,880
So this will tell no people that are in our area.

30
00:02:40,790 --> 00:02:47,180
OK, so now it's time to pass our data into a list component so that it can render it on our way to

31
00:02:47,180 --> 00:02:48,290
let's create a list.

32
00:02:50,210 --> 00:02:58,100
So this is a list component and we're passing a prop people and give it a data of our people.

33
00:02:58,820 --> 00:03:05,420
This might mean this people, is the data that you're passing from here and to a list component.

34
00:03:06,770 --> 00:03:09,080
Now let's just close this stack.

35
00:03:10,090 --> 00:03:17,080
And just beneath her little have a button element that is going to clean up the entire birthday list,

36
00:03:17,590 --> 00:03:20,830
which is again going to load after we refresh it up.

37
00:03:21,700 --> 00:03:23,070
So you might wonder what's the purpose?

38
00:03:23,080 --> 00:03:24,970
But that's what this ad does.

39
00:03:26,970 --> 00:03:30,330
Then we'll just give it a functional at a company, at a function.

40
00:03:30,690 --> 00:03:33,960
And this will set people to an imperial.

41
00:03:37,920 --> 00:03:44,130
So what it will do is it is going to set up children immediately and this person is going to have a

42
00:03:44,130 --> 00:03:47,490
value of clear Paul.

43
00:03:50,180 --> 00:03:55,750
OK, so we fully meet as Abdul GSX, and now it's time to move into a list file.