1 00:00:00,210 --> 00:00:00,630 Beautiful. 2 00:00:01,170 --> 00:00:07,950 Once we've got the user card, once we've got the followers next hour, we want to work on our repost 3 00:00:07,950 --> 00:00:08,370 component. 4 00:00:08,970 --> 00:00:12,990 So the rebirths component will consist of charts. 5 00:00:13,470 --> 00:00:20,550 But in order to provide data for the charts, of course, we'll have to pull out the repos away from 6 00:00:20,550 --> 00:00:21,850 the global stage. 7 00:00:22,410 --> 00:00:24,150 The one that we currently have in the context. 8 00:00:24,490 --> 00:00:29,880 And of course, we'll have to massage our data a bit because all our charts are going to be looking 9 00:00:29,880 --> 00:00:32,670 for specific format of that data. 10 00:00:33,210 --> 00:00:36,350 And then for the charts, we will use the fusion charts. 11 00:00:36,750 --> 00:00:39,780 And I'll talk about this awesome library in a second. 12 00:00:40,590 --> 00:00:46,800 But before we do that, why don't we do a general setup for our repost component? 13 00:00:47,280 --> 00:00:53,250 So let me navigate back to a more project than we're looking for repos, Jess. 14 00:00:53,490 --> 00:00:54,390 So that's the component. 15 00:00:54,420 --> 00:00:56,850 But, of course, before we can do anything. 16 00:00:57,210 --> 00:01:00,420 Remember in the dashboard, we need to come on out. 17 00:01:00,960 --> 00:01:03,960 Otherwise, all the work we're going to do order. 18 00:01:04,350 --> 00:01:06,570 We're not going to be able to see cars. 19 00:01:06,960 --> 00:01:09,660 We have commandeered out the repassed component. 20 00:01:10,140 --> 00:01:14,100 Once we've done that, then course we can close the followers. 21 00:01:14,130 --> 00:01:17,560 We don't need them right now, but we would want to open up the reports. 22 00:01:17,580 --> 00:01:17,910 Correct. 23 00:01:18,780 --> 00:01:22,400 So at the moment, I'm importing already the charts. 24 00:01:22,530 --> 00:01:29,720 But if you'll notice in the charts folder, well, all of them just have the empty div. 25 00:01:29,970 --> 00:01:30,390 That's all. 26 00:01:30,750 --> 00:01:34,860 So all the charts currently have the div with just some text. 27 00:01:35,280 --> 00:01:38,100 So eventually, of course, we'll have to add that logic. 28 00:01:38,610 --> 00:01:42,610 But yes, we are exporting them from the index. 29 00:01:42,740 --> 00:01:47,340 Notice I'm importing one by one all of the trials that will eventually have. 30 00:01:47,730 --> 00:01:49,020 And then I'm also exporting. 31 00:01:49,380 --> 00:01:52,800 That's why in the Reeboks I have access to the charts. 32 00:01:53,160 --> 00:01:55,170 Now, at the moment, I don't care about the charts. 33 00:01:55,620 --> 00:02:01,020 The only thing that I care about is pulling that repos away from my global state. 34 00:02:01,500 --> 00:02:06,220 And the way we do that is by doing the structuring. 35 00:02:06,240 --> 00:02:08,140 Remember from our object. 36 00:02:08,440 --> 00:02:11,970 Now, not long for the followers I'm looking for repost. 37 00:02:12,570 --> 00:02:14,400 And the same thing it's coming from. 38 00:02:14,880 --> 00:02:18,000 Then we go with Euge context. 39 00:02:18,000 --> 00:02:18,360 Correct. 40 00:02:18,390 --> 00:02:19,890 So we need to go with react. 41 00:02:20,370 --> 00:02:21,300 Use context. 42 00:02:21,330 --> 00:02:26,100 And then we pass in the get up context and logistics that out whether everything works. 43 00:02:26,490 --> 00:02:31,440 So I'm going to go log and then repos and let's say I'm on a bigger screen. 44 00:02:31,440 --> 00:02:33,090 What do I have here. 45 00:02:33,090 --> 00:02:33,740 Inspect. 46 00:02:34,320 --> 00:02:35,880 And there it is in a console. 47 00:02:36,210 --> 00:02:39,180 I should have my array of hundred objects. 48 00:02:39,370 --> 00:02:40,500 And once we've got that. 49 00:02:40,860 --> 00:02:45,510 Now, of course, we can start slowly setting up our charts, understanding how they work, and then 50 00:02:45,510 --> 00:02:49,370 massage our data to pass in the right format into our charts.