1 00:00:01,060 --> 00:00:05,920 Now, before we make up our styles, I would like to configure our state, so for that purpose, let's 2 00:00:05,920 --> 00:00:10,990 just import your state so that we can use state in a functional component, as you might remember that 3 00:00:11,380 --> 00:00:13,270 functional component and do not have this state. 4 00:00:13,270 --> 00:00:18,670 So there's a hope present there that is called the U.S. state OK to allow us to use the state property. 5 00:00:19,330 --> 00:00:22,110 So now let's just import used it. 6 00:00:22,390 --> 00:00:28,180 And after this very quick configuring our state inside our functional component, no, let's create 7 00:00:28,330 --> 00:00:32,140 constant and the way the name should be transactions. 8 00:00:35,370 --> 00:00:41,370 As it might be the most suitable name for it, then set a function that is going to send the value of 9 00:00:41,370 --> 00:00:45,240 transactions and let's just name the transactions. 10 00:00:50,250 --> 00:00:55,350 Now inside, they used it to be able to provide a different property of the state, right? 11 00:00:55,350 --> 00:01:02,360 So let's just get your state and inside this way, giving it a default property that is going to be 12 00:01:02,370 --> 00:01:06,750 shown prior to that, we add any value or we remove any value. 13 00:01:07,230 --> 00:01:19,410 So let's give it an idea of when and where you would text and there should be, let's name it. 14 00:01:20,590 --> 00:01:24,160 Books, we spend our money on books at first. 15 00:01:24,730 --> 00:01:26,860 And the total amount was. 16 00:01:30,060 --> 00:01:35,010 Spent on book this weekend is minus 20 dollars. 17 00:01:36,240 --> 00:01:41,520 OK, so we have our state now, the next entry should be again and I.D. So we'll just copy it. 18 00:01:44,120 --> 00:01:47,120 It and at least we should have at least what it is. 19 00:01:47,600 --> 00:01:48,260 So one. 20 00:01:49,490 --> 00:01:53,450 A two, three and a four, oh, that's make it five. 21 00:01:53,930 --> 00:01:57,530 And apart from books, maybe be having maybe flaws. 22 00:02:00,910 --> 00:02:04,990 And let's give it the value of $10, maybe. 23 00:02:05,530 --> 00:02:09,100 And we are not only spending money, we're even getting our money back. 24 00:02:09,310 --> 00:02:13,060 So let's just get a salary and it should be around. 25 00:02:14,910 --> 00:02:16,680 Three hundred dollars, I guess. 26 00:02:17,870 --> 00:02:22,490 And apart from Saturday, we just spend our money on floods. 27 00:02:23,920 --> 00:02:31,160 By some piece of fabric for ourselves and then just put it up 20 and again, then just groceries. 28 00:02:36,150 --> 00:02:37,650 Groceries costing me about. 29 00:02:39,000 --> 00:02:40,800 Ten dollars or 20, maybe. 30 00:02:41,160 --> 00:02:42,990 OK, so here we have our default state. 31 00:02:43,380 --> 00:02:44,730 We have five entries in it. 32 00:02:44,970 --> 00:02:46,710 No even need to change the Eighties. 33 00:02:47,300 --> 00:02:51,750 And it should be five for a three and a two. 34 00:02:52,620 --> 00:02:53,970 So now we just take a look at that app. 35 00:02:53,980 --> 00:03:01,200 We have used it, which contains five entries with our ID, text and amount. 36 00:03:01,950 --> 00:03:08,010 So what are we going to do next is that configure these state values and passing up our transactions 37 00:03:08,010 --> 00:03:13,650 via probes into the balance sheet, into the expense sheet, into transactions and the new transaction. 38 00:03:14,760 --> 00:03:16,510 So we want to continue transactions. 39 00:03:16,510 --> 00:03:18,600 Will you just be sending it to transactions? 40 00:03:19,380 --> 00:03:28,530 Now let's just pass these values to these components, and transactions should be equal to transactions. 41 00:03:29,160 --> 00:03:30,710 So here they're passing transactions. 42 00:03:30,720 --> 00:03:32,610 Then again, maybe maybe doing the same. 43 00:03:32,940 --> 00:03:33,760 Just copy. 44 00:03:34,800 --> 00:03:36,270 And basically, do these three. 45 00:03:43,640 --> 00:03:47,700 OK, so we have successfully passed the value into all the three components. 46 00:03:47,720 --> 00:03:51,830 Now what are you going to do is make our studies.