1
00:00:00,300 --> 00:00:07,050
All right, somewhat redundant the following steps, but since I would want to do everything from scratch,

2
00:00:07,420 --> 00:00:12,600
we'll have to do it one more time, where, of course, I would want to now get back to my project.

3
00:00:12,900 --> 00:00:19,830
I'm looking for project number twenty three and I am in squares and probably already guessed that,

4
00:00:20,220 --> 00:00:22,500
that we need to have a set up here.

5
00:00:22,950 --> 00:00:30,080
So City set up NPM install and then and P and start as well.

6
00:00:30,630 --> 00:00:38,580
As far as the project in a source we have Apgar's where we have set up form, we have loading as well

7
00:00:38,580 --> 00:00:39,390
as the model.

8
00:00:39,840 --> 00:00:43,260
So those are three things we've got in the objets.

9
00:00:43,650 --> 00:00:47,730
Then also we have contacts, so we will set up the global context.

10
00:00:48,120 --> 00:00:55,620
And here we have a table that I'm going to cover later, the API endpoint, which of course points to

11
00:00:55,620 --> 00:01:02,790
the API we're going to use and I'm going to talk about it in more detail in the following video context.

12
00:01:02,790 --> 00:01:03,840
We create context.

13
00:01:04,020 --> 00:01:06,900
We have the provider and you already know the drill.

14
00:01:07,440 --> 00:01:13,980
At the end of the day, we have this custom hook because I just export our context and then we have

15
00:01:13,980 --> 00:01:16,440
a nexus for all our styling.

16
00:01:16,740 --> 00:01:24,480
Then we have in next year where we just wrap our whole up in the AMP provider, we've got loadings and

17
00:01:24,480 --> 00:01:28,080
in this case, all right away set up the loading component.

18
00:01:28,290 --> 00:01:34,680
Since it's not our first rodeo and there's really no need for me to repeat the steps, notice we have

19
00:01:34,680 --> 00:01:40,680
the component, we have main tags and inside of it we just place it there with a class of loading.

20
00:01:40,830 --> 00:01:47,460
And then if you're interested, how I set this up in this, just navigate the index and look for class

21
00:01:47,460 --> 00:01:48,240
of loading.

22
00:01:48,690 --> 00:01:53,850
Of course, we also have the model, some moral component and the set up form.

23
00:01:54,330 --> 00:02:02,100
And of course, the only thing I have there are the imports as well as the boilerplate for the component

24
00:02:02,400 --> 00:02:04,020
that should be our set up.

25
00:02:04,410 --> 00:02:08,200
And of course, we can proceed to our next steps.