1
00:00:00,180 --> 00:00:00,600
Beautiful.

2
00:00:00,900 --> 00:00:07,950
And the first thing that I want to do in my job component is to format our data, so our final project

3
00:00:08,520 --> 00:00:10,390
is going to have this type of format.

4
00:00:10,410 --> 00:00:15,360
And at the moment, we already know that the value that we're getting back from Mongolia could be.

5
00:00:15,750 --> 00:00:18,080
More specifically, I'm talking about creating that.

6
00:00:18,600 --> 00:00:19,920
It's nothing like this.

7
00:00:20,430 --> 00:00:26,130
And in order to format this, we use a package by the name of Moment Jess.

8
00:00:26,520 --> 00:00:29,280
Now I'm just going to show you my setup.

9
00:00:29,590 --> 00:00:33,150
Essentially, what I'm going to use as far as the formatting option.

10
00:00:33,150 --> 00:00:39,390
But if you want to find out more details, I will leave the link and description so you can always navigate

11
00:00:39,390 --> 00:00:44,250
back to the docs and look for your specific use case.

12
00:00:44,700 --> 00:00:51,270
And essentially, the setup is going to look something like this where we want to stop server.

13
00:00:51,780 --> 00:00:59,660
Then the docs are over here at the link and we want to navigate the client and install moment Jess.

14
00:00:59,670 --> 00:01:03,090
And we do that by going npm, install and moment.

15
00:01:03,480 --> 00:01:07,830
So let me stop server right now or clear everything.

16
00:01:09,020 --> 00:01:15,890
And then we're going to go with C client, and once we're in the client, let's go with our command.

17
00:01:17,030 --> 00:01:22,520
And I'm pretty sure that's the last package that we have to install in the client.

18
00:01:23,210 --> 00:01:27,380
There might be some things that we need to install and serve, but as far as the client, I think this

19
00:01:27,380 --> 00:01:28,370
is the last package.

20
00:01:28,730 --> 00:01:30,250
So let's install moment.

21
00:01:30,260 --> 00:01:30,680
Yes.

22
00:01:30,800 --> 00:01:37,220
Then again, we'll navigate back to the server, will spin everything up and will test it out.

23
00:01:37,700 --> 00:01:39,440
So it's clear everything in my terminal.

24
00:01:40,040 --> 00:01:47,000
And let's navigate back to the server and let's go with amp start and first syntax first.

25
00:01:48,160 --> 00:01:55,000
I'll pull out the creator that from the props, because again, I showcased how the object is going

26
00:01:55,000 --> 00:01:58,570
to look like I'm I don't want to waste your time by doing that one more time.

27
00:01:59,010 --> 00:02:06,010
And then as far as the library, we do need to import, of course, in our job and we're looking for

28
00:02:06,010 --> 00:02:09,340
a moment and we want to pass in the creative up.

29
00:02:09,970 --> 00:02:15,780
And as far as the response, we're going to go with date and date and then format.

30
00:02:15,790 --> 00:02:17,560
So that's the method we have now.

31
00:02:17,560 --> 00:02:22,270
I believe in the docs to showcase that you can also change it.

32
00:02:22,870 --> 00:02:24,730
But in my case, I'm not going to do that.

33
00:02:24,730 --> 00:02:26,920
I'm just going to go with the moment and create it.

34
00:02:27,310 --> 00:02:29,140
That's the response that I'm getting back.

35
00:02:29,530 --> 00:02:32,770
And again, I'm going to use this one and the date part format.

36
00:02:33,010 --> 00:02:34,840
That's why I'm using left over here.

37
00:02:35,200 --> 00:02:42,070
And as far as my formatting option, I'm going to go with month, one day comma and then here again,

38
00:02:42,220 --> 00:02:43,360
please refer to docs.

39
00:02:43,660 --> 00:02:48,010
If you want to have a different setup, so let me navigate to the job first.

40
00:02:48,070 --> 00:02:48,820
What do we want to do?

41
00:02:49,090 --> 00:02:53,290
Is import the moment from moment?

42
00:02:53,530 --> 00:02:55,510
Yes and yes.

43
00:02:55,510 --> 00:02:58,120
I keep saying moment just because that's how they call it.

44
00:02:58,120 --> 00:03:01,120
But I guess all the imports and everything is just the moment.

45
00:03:01,450 --> 00:03:07,450
And you know, before I forget, let me also add it to the read me now, Ron, read me in the job.

46
00:03:07,450 --> 00:03:09,760
Just let's set up the import here.

47
00:03:10,270 --> 00:03:17,710
And as far as the set up, like I said, we're going to look for creative as well created at Vine,

48
00:03:17,720 --> 00:03:19,840
and we want to invoke our moment.

49
00:03:20,240 --> 00:03:21,970
This is going to be equal to a date.

50
00:03:22,510 --> 00:03:26,920
Then we go with moment we pass in, created at.

51
00:03:27,390 --> 00:03:33,970
And then once we have this one in place was just a date is equal to date and then want to run the format

52
00:03:33,970 --> 00:03:34,240
one.

53
00:03:34,450 --> 00:03:37,930
When I said Mark, I said, I'm going to go with month one day.

54
00:03:39,230 --> 00:03:45,590
And then come online here and now just showcase how everything is going to look like, what I'm going

55
00:03:45,590 --> 00:03:47,750
to do is just wrap everything in there.

56
00:03:48,370 --> 00:03:49,760
Thing is just going to be faster.

57
00:03:50,090 --> 00:03:51,020
Copy and paste.

58
00:03:51,020 --> 00:03:55,520
And then instead of company, let's display the date one.

59
00:03:55,820 --> 00:03:56,600
I can double check.

60
00:03:56,900 --> 00:04:00,870
I have everything correctly set up in the read me know.

61
00:04:01,070 --> 00:04:02,510
So let me close this one.

62
00:04:02,960 --> 00:04:05,120
And then in here it looks about right.

63
00:04:05,480 --> 00:04:12,320
And now, once I navigate to my browser, what I should see in all the jobs is not only the company,

64
00:04:12,320 --> 00:04:16,010
but I also have nicely formatted the date.

65
00:04:16,519 --> 00:04:22,790
And once we have this one in place now, I can tackle the entire job component.