1
00:00:00,240 --> 00:00:06,600
We move ahead, I'd like you to install another package of NPR, so to do that, open up a terminal

2
00:00:06,990 --> 00:00:09,030
and create a new terminal.

3
00:00:13,150 --> 00:00:18,550
And we will be installing another package, and this time it is going to be an excuse.

4
00:00:20,340 --> 00:00:27,120
So npm install Axios and hit enter now, and it is going to be installed, it is going to be added to

5
00:00:27,120 --> 00:00:28,290
your package, Jason.

6
00:00:29,190 --> 00:00:33,840
So if we just scrolled onwards, you will see this package or disinvite.

7
00:00:34,290 --> 00:00:39,510
At present, we do not have a dachshund dependency, but once it's installed, we'll be having it inside

8
00:00:39,510 --> 00:00:40,980
of Baghdad, the adjacent.

9
00:00:41,700 --> 00:00:43,680
So remove this and move into objects.

10
00:00:44,100 --> 00:00:47,380
GSX and now let's start configuring it app.

11
00:00:48,240 --> 00:00:54,810
So in our initial in our app, the only one two of them we want are codes as a as for.

12
00:00:55,290 --> 00:01:01,460
Apart from this, remove everything the only one barcodes as well as a photo.

13
00:01:03,520 --> 00:01:04,390
No hits, if.

14
00:01:05,630 --> 00:01:07,580
And remove the spacing between the two.

15
00:01:10,240 --> 00:01:12,450
OK, so now we getting records.

16
00:01:12,700 --> 00:01:20,680
So moving to your courts fine and had control, press free and write courts and move into your courts.

17
00:01:22,900 --> 00:01:28,540
Now, this court is going to be a class company, not a functional components or removal, this thing

18
00:01:28,540 --> 00:01:35,170
that I'll tell you is that we are now no longer requirement to import react from react manually.

19
00:01:35,740 --> 00:01:40,690
So if you are working with React, we are and no longer requirement to import React from React module.

20
00:01:41,320 --> 00:01:43,030
It has already been done for us.

21
00:01:43,510 --> 00:01:47,490
It is an optional thing now, so I can just comment it and react totally when we are.

22
00:01:47,710 --> 00:01:48,220
Does that?

23
00:01:48,330 --> 00:01:50,980
I did this and it's totally fine.

24
00:01:51,460 --> 00:01:56,290
But this is not the same for other components of the Act, for example, are to import component of

25
00:01:56,290 --> 00:01:56,680
React.

26
00:01:58,060 --> 00:02:02,380
So I will need to specify that I need components from the Act now after this.

27
00:02:03,640 --> 00:02:07,360
Let's create a class and the class is going to have an input.

28
00:02:09,000 --> 00:02:10,590
And this is going to extend.

29
00:02:12,710 --> 00:02:13,430
Component.

30
00:02:18,150 --> 00:02:21,550
Now, since this reckless component, it is going to have a state.

31
00:02:21,570 --> 00:02:26,700
So let's just create a state and leave with in before now and then after the state, what will do is

32
00:02:26,700 --> 00:02:29,400
that will be creating a range of methods.

33
00:02:30,090 --> 00:02:32,460
And so the surrender will be having a written statement.

34
00:02:35,630 --> 00:02:37,530
Now we have imported a class.

35
00:02:37,580 --> 00:02:43,250
Now we also need to export our class so that this export default could.

36
00:02:45,200 --> 00:02:52,970
OK, so we are having our basic boilerplate, no dried out, a written statement will be needing to

37
00:02:53,300 --> 00:02:59,120
import two other components, so let's just import them and return, saying we needs to have a patent

38
00:02:59,210 --> 00:02:59,710
glass.

39
00:02:59,720 --> 00:03:05,900
So let's just give it a death with an I.D. equals two code box.

40
00:03:07,360 --> 00:03:09,850
And after this aid, close it.

41
00:03:11,380 --> 00:03:16,900
And, OK, so right inside, this will be having two other components, let's just import them.

42
00:03:17,230 --> 00:03:24,550
We'll be having our good sticks as well are codes to which we which are present in our dashboard component.

43
00:03:25,120 --> 00:03:28,090
So let's import accord text as an escort to.

44
00:03:37,260 --> 00:03:45,420
And this is from a up directory and to look into the components, we're having our what sticks.

45
00:03:46,290 --> 00:03:50,460
And after this in Baltimore courts or to the one who authored that particular court.

46
00:03:55,290 --> 00:03:58,830
And this is supposed to be from again from our components.

47
00:04:00,540 --> 00:04:03,750
And so the components you have to know, it's a.

48
00:04:05,370 --> 00:04:07,560
Now, let's call these two components inside of our.

49
00:04:09,000 --> 00:04:13,710
So codes are to text first and then codes other.

50
00:04:18,980 --> 00:04:24,710
Now we need to pass data to our courts text as well as a court order, and to do that, let's define

51
00:04:24,710 --> 00:04:25,250
our state.

52
00:04:25,430 --> 00:04:27,920
And this is going to have an initial value of a court.

53
00:04:28,340 --> 00:04:32,240
So what it is going to hold up, it is going to hold up one particular court.

54
00:04:32,240 --> 00:04:33,710
So let's make up of court.

55
00:04:34,940 --> 00:04:42,760
And this could lead them, definitely reacting to it later and an author, the one who authored the

56
00:04:42,770 --> 00:04:43,550
particular code.

57
00:04:47,360 --> 00:04:49,340
And after this, we're going to have an Eddie.

58
00:04:52,180 --> 00:04:53,830
This is going to hold up our courts data.

59
00:04:55,300 --> 00:04:56,710
Now this is going to be an immediately.

60
00:04:58,760 --> 00:05:04,820
And after this area going to have color because you want the color off screen to change in synchronicity

61
00:05:04,820 --> 00:05:12,830
with our color of our coats, so color and let's just give it a default value of our jib.

62
00:05:15,670 --> 00:05:18,910
243, 156.

63
00:05:19,870 --> 00:05:20,830
And 18.

64
00:05:22,150 --> 00:05:26,440
Now, as for the courts, let's just select any random quote from the internet.

65
00:05:26,800 --> 00:05:29,610
So this is a quote and the other and courts data.

66
00:05:29,750 --> 00:05:35,470
And so now we need to parse this data onto our courts fixed as well as a court order.

67
00:05:35,980 --> 00:05:41,260
So what they're going to do is that will be passing this data in from off and via props.

68
00:05:41,500 --> 00:05:47,800
So radar records text will be creating court and this is going to be equal to this state.

69
00:05:50,860 --> 00:05:51,610
That could.

70
00:05:53,270 --> 00:05:57,230
And apart from this, will we even giving it a color?

71
00:05:59,180 --> 00:06:03,740
So Carla is going to be equal to this state, not.

72
00:06:06,290 --> 00:06:06,660
Color.

73
00:06:08,430 --> 00:06:14,400
So we are parsing data to our court sticks now to pass the same to our courts, but also we are going

74
00:06:14,400 --> 00:06:24,420
to pass the data to the one who authored the court and instead this year it does not state matter.

75
00:06:25,820 --> 00:06:31,630
And then again, we'll also be giving it color, which is going to be same equal to this state, the

76
00:06:31,720 --> 00:06:32,090
color.

77
00:06:37,920 --> 00:06:38,670
All right, Tony.

78
00:06:38,820 --> 00:06:42,510
We are not passing our data to our courts text as well as a court order.

79
00:06:42,990 --> 00:06:48,900
Now remove everything else from your screen and move into your code text as well as quote other.