1
00:00:00,840 --> 00:00:09,120
So the first thing that will do is to clean up the Dodgers file, so let's just head control and cleanup

2
00:00:09,150 --> 00:00:09,990
identified.

3
00:00:11,600 --> 00:00:21,020
OK, once it's done, I will change the name of the app into Abdul GSX, so just F2 and Abdul GSX.

4
00:00:21,530 --> 00:00:23,990
Now let's create a React functional component.

5
00:00:24,530 --> 00:00:27,800
So for that purpose, let's first import reacting to our React module.

6
00:00:33,970 --> 00:00:40,420
So once you have imported the act next piece of code, the warrant is the you stay at home because we'll

7
00:00:40,420 --> 00:00:42,490
be using it in that application.

8
00:00:43,000 --> 00:00:45,320
So along with React, we even want to use to.

9
00:00:49,060 --> 00:00:52,870
So we have imported even the use to talk now let's import.

10
00:00:55,230 --> 00:01:03,030
Let's create a functional component now, so function and it should be at an inside of a functional

11
00:01:03,030 --> 00:01:05,100
component, it should have a written statement.

12
00:01:05,940 --> 00:01:11,960
OK, so here we have a written statement and it should be exported out of our files.

13
00:01:12,120 --> 00:01:14,400
So export default app.

14
00:01:16,680 --> 00:01:21,940
Now, there are other pieces of data that we want, and they have been provided along with the files,

15
00:01:21,940 --> 00:01:29,880
so what we do is we will import data from data that is basically the data off of bodies.

16
00:01:30,990 --> 00:01:32,160
So import data from.

17
00:01:34,640 --> 00:01:41,630
Data and after the data, we won the list component after the data, and we want to make a list component.

18
00:01:41,690 --> 00:01:47,210
So let's first important data and really making all this one import list from.

19
00:01:48,990 --> 00:01:49,520
List.

20
00:01:50,070 --> 00:01:50,430
OK.

21
00:01:50,820 --> 00:01:52,080
Then just hits it.

22
00:01:59,880 --> 00:02:04,530
So I will be creating a data component as well as a list component and a source directly so just has

23
00:02:04,530 --> 00:02:07,290
to associate tree and click on new file.

24
00:02:08,130 --> 00:02:12,360
You might see a link to get it over there because we haven't actually placed anything inside a written

25
00:02:12,360 --> 00:02:15,520
statement, but we will be doing it after we create a component.

26
00:02:15,540 --> 00:02:20,850
So the first component is going to be a data gas-fired because it is going to contain adjacent data.

27
00:02:21,330 --> 00:02:22,230
So it's just really data.

28
00:02:22,230 --> 00:02:24,780
So just copy and paste the file that has been provided to you.

29
00:02:25,260 --> 00:02:31,140
So this is of a file that we're going to use in our application.

30
00:02:31,140 --> 00:02:37,950
So as you can see, it is having an ID, a name, age and the image of that particular person and the

31
00:02:38,010 --> 00:02:42,450
name age, which are it's quite unique for every entry in this.

32
00:02:42,870 --> 00:02:47,580
So after this data file, we'll also create a list component.

33
00:02:47,580 --> 00:02:49,610
So we wanted to see OK just to.

34
00:02:51,540 --> 00:02:53,670
Now that's close near Jess.

35
00:02:56,140 --> 00:02:56,560
And.

36
00:03:03,170 --> 00:03:08,840
So that's just had there and was this note create another component that is going to be that?