1
00:00:00,210 --> 00:00:06,900
All right, and we're going to kick things off by spinning up our lives server and of course, I'm back

2
00:00:06,900 --> 00:00:10,860
in the repo I'm looking for to set up a CD.

3
00:00:11,340 --> 00:00:20,130
And I would want to drag and drop the setup and then would go with NPM, install an amp and start as

4
00:00:20,130 --> 00:00:21,610
far as the setup folder.

5
00:00:21,810 --> 00:00:23,270
More specifically, source.

6
00:00:23,700 --> 00:00:24,750
Let's see what we've got.

7
00:00:25,170 --> 00:00:26,610
So we have source folder.

8
00:00:27,060 --> 00:00:28,680
We have our context.

9
00:00:28,680 --> 00:00:35,300
Just so essentially this is where we'll set up our use producer.

10
00:00:35,760 --> 00:00:40,250
Notice I have my initial step and at the moment it is just an empty object.

11
00:00:40,440 --> 00:00:41,820
So of course we'll fill it in.

12
00:00:42,150 --> 00:00:43,620
We have our context.

13
00:00:43,800 --> 00:00:48,630
We have children, we have provider, we have the Global Hawk news, global context.

14
00:00:48,870 --> 00:00:51,990
And in this case, I pass in the app context.

15
00:00:52,290 --> 00:00:55,560
And of course, I'm exporting I'm exporting provider.

16
00:00:56,510 --> 00:01:03,290
So in the in the Congress, I drop my whole application and he provider again, something we have already

17
00:01:03,290 --> 00:01:09,890
covered, if you need to go back to the first project where we build up, please do so because I don't

18
00:01:09,890 --> 00:01:10,850
want to repeat myself.

19
00:01:11,280 --> 00:01:18,230
Then, of course, since I have used reducer or eventually I will have to use a producer, I have reducer

20
00:01:18,470 --> 00:01:19,190
jobs.

21
00:01:19,520 --> 00:01:21,170
Now, don't worry about these actions.

22
00:01:21,410 --> 00:01:25,810
Of course I'll cover what they are and why we're setting them up for time being.

23
00:01:25,820 --> 00:01:32,510
Just keep in mind that we have to reduce the function and I'm just exporting as default so I can call

24
00:01:32,510 --> 00:01:34,640
it whatever I would want.

25
00:01:35,060 --> 00:01:41,410
And then I've got actions that I'm going to cover a but later we've got abcess where of course we have

26
00:01:41,420 --> 00:01:42,110
such form.

27
00:01:42,410 --> 00:01:47,120
So eventually there is going to be our form and we have stories.

28
00:01:47,360 --> 00:01:50,800
So this is where we'll display the stories and also buttons.

29
00:01:51,230 --> 00:01:55,060
So these are going to be the prev and next buttons.

30
00:01:55,550 --> 00:01:57,980
So next we have buttons, dress.

31
00:01:58,980 --> 00:02:05,480
Component, all display buttons, I already talked about the dress and of course, the styling in the

32
00:02:06,060 --> 00:02:12,500
US in next year, also something I already covered as well as producer and then search for him eventually.

33
00:02:12,690 --> 00:02:18,590
Yes, this is where we built our form and eventually also story component.

34
00:02:19,050 --> 00:02:23,850
So in stories component, of course, I will display all my stories.

35
00:02:24,120 --> 00:02:26,190
That should be the basic setup.

36
00:02:26,520 --> 00:02:35,070
And you should see on a screen Akre Neustar and we continue to navigate the bigger browser window and

37
00:02:35,070 --> 00:02:36,680
we're going to go with localhost three thousand.

38
00:02:37,140 --> 00:02:38,490
And of course there is.

39
00:02:38,490 --> 00:02:43,230
That is our star for Hacker News app.