1
00:00:05,870 --> 00:00:09,680
So now it's time to add status to adapt, so head outside your.

2
00:00:12,110 --> 00:00:17,380
And function component and will be creating a styles.

3
00:00:17,810 --> 00:00:19,520
So let's just create context.

4
00:00:20,570 --> 00:00:21,230
You style.

5
00:00:23,960 --> 00:00:29,810
And we'll just make sure that it makes uses the McStays and it is going to take up an object that is

6
00:00:29,810 --> 00:00:36,170
going to hold different key values, Spear and those keys will be having the safest properties.

7
00:00:36,170 --> 00:00:38,690
So let's just first create a container.

8
00:00:42,340 --> 00:00:46,000
And this is going to hold up different properties, property is, for example, it is going to hold

9
00:00:46,000 --> 00:00:49,060
up a display of Flex.

10
00:00:53,200 --> 00:00:56,080
And apart from container, there is going to be trade.

11
00:00:57,830 --> 00:00:59,600
And this is going to hold in the property.

12
00:01:02,930 --> 00:01:04,040
Flecks of one.

13
00:01:09,670 --> 00:01:14,880
Apart from Flex, it is going to also hold another property that is going to be piling up, then it

14
00:01:14,890 --> 00:01:17,830
is supposed to be a comma or a semicolon batting.

15
00:01:19,900 --> 00:01:25,400
Of often and then again, another property, and this is going to be an income.

16
00:01:27,790 --> 00:01:34,160
And inside that apartment, maybe also having another property that is going to be ex bench.

17
00:01:35,680 --> 00:01:39,080
Now these two properties are what will be showing in US cards.

18
00:01:39,400 --> 00:01:43,090
So let's just consider income as well as an expense in our income.

19
00:01:43,090 --> 00:01:48,640
Maybe having a color of green violin and expense will be having a lot of added.

20
00:01:50,360 --> 00:01:57,290
So let's put up a color of green, and then it will be putting up a color of red.

21
00:02:06,590 --> 00:02:10,550
Now, let's just use this Stiles insider component.

22
00:02:11,260 --> 00:02:19,340
Is a component of creating a constant and let's just call it concert stage.

23
00:02:20,380 --> 00:02:25,180
And I just put up and use.

24
00:02:25,700 --> 00:02:30,900
So, OK, so now we need to assign this status to our different property.

25
00:02:30,910 --> 00:02:32,560
So the first is going to be a box.

26
00:02:32,950 --> 00:02:34,840
It is going to get a class name of.

27
00:02:43,140 --> 00:02:49,380
So start container, while our income is going to get the property of.

28
00:02:55,680 --> 00:03:00,120
Style income and expenses are going to get the property of.

29
00:03:03,050 --> 00:03:03,740
Class name.

30
00:03:06,620 --> 00:03:08,600
Sized the expense.

31
00:03:10,160 --> 00:03:12,710
It is supposed to be obedient not to slash.

32
00:03:16,890 --> 00:03:18,750
Now, I think we made a certain mistake.

33
00:03:19,530 --> 00:03:26,280
Last name is going to is supposed to be under typography that is below the income so just pasted over

34
00:03:26,280 --> 00:03:26,550
here.

35
00:03:26,940 --> 00:03:28,410
And in this case also.

36
00:03:29,860 --> 00:03:31,150
Will be it over.

37
00:03:33,220 --> 00:03:37,750
In the second typography, now our content is going to hold up.

38
00:03:39,230 --> 00:03:41,020
The class name of straight.

39
00:03:42,630 --> 00:03:45,330
So let's just put a test or trade.

40
00:03:46,980 --> 00:03:48,660
And this is the second guard component.

41
00:03:48,840 --> 00:03:51,060
Again, just put last name oxidized or trained.

42
00:03:57,960 --> 00:04:03,440
So we have successfully added all the things that we need an expansion, we have studies, we have a

43
00:04:03,630 --> 00:04:06,780
dynamically allocated data.

44
00:04:07,020 --> 00:04:09,450
So now let's move into another component and configure it.

45
00:04:09,450 --> 00:04:14,970
So the next in the hit list is the transactions component and then will be moving into new transaction.