1
00:00:01,890 --> 00:00:05,340
OK, now let's talk about our final version of our app.

2
00:00:05,370 --> 00:00:12,030
So at the moment, at this stage, we are running the development mode, so we want to change this at

3
00:00:12,030 --> 00:00:12,420
the end.

4
00:00:12,420 --> 00:00:18,660
So we reached the end and we want the final built version here because we are finished with development,

5
00:00:18,660 --> 00:00:20,590
at least I am for this project.

6
00:00:21,090 --> 00:00:29,050
So this is a very easy we just need to run one of these groups that we have for demoed for production.

7
00:00:29,340 --> 00:00:31,580
Now, where is that script?

8
00:00:31,590 --> 00:00:37,110
Remember, in the beginning, we just managed to install a couple of scripts.

9
00:00:37,110 --> 00:00:41,850
So we were using this one right in the Modise development and we are opening the browser.

10
00:00:42,120 --> 00:00:44,930
But here we do have Dev in production.

11
00:00:45,270 --> 00:00:47,850
So this is the final bill that we are aiming for.

12
00:00:48,060 --> 00:00:53,820
So in any project that you finish and it's JavaScript logic, you can just export everything, bundle

13
00:00:53,820 --> 00:00:55,760
up into the final version.

14
00:00:55,770 --> 00:00:59,700
And this is the NPM script that we need to use.

15
00:00:59,970 --> 00:01:05,880
Now, here I'm using the because I've just recorded the last lecture and I'm continuing now.

16
00:01:05,880 --> 00:01:07,590
This is still running in the browser.

17
00:01:07,590 --> 00:01:07,830
Right.

18
00:01:07,860 --> 00:01:09,450
So I need to close this one.

19
00:01:09,450 --> 00:01:11,180
I don't need this live server.

20
00:01:11,190 --> 00:01:16,020
So how we can do it control see and it will terminate.

21
00:01:16,050 --> 00:01:22,230
Now if we try to refresh now, it will it will happen because it's the live server.

22
00:01:22,500 --> 00:01:23,520
It's not working.

23
00:01:23,520 --> 00:01:23,950
So.

24
00:01:24,210 --> 00:01:28,610
OK, now let's do npm run.

25
00:01:29,670 --> 00:01:35,210
We should work and we should actually we should copy this one npm run built.

26
00:01:35,430 --> 00:01:37,620
So we need to run only Dysport.

27
00:01:39,210 --> 00:01:47,580
And what this will do if everything is OK, this will work and it will create files for us.

28
00:01:47,850 --> 00:01:52,290
Let me just pause the video and that was pretty much quick.

29
00:01:52,290 --> 00:01:54,090
So the output is here.

30
00:01:54,360 --> 00:02:00,930
So I have the bundle dodgiest which is one of one oh six kilobytes.

31
00:02:01,260 --> 00:02:01,650
Right.

32
00:02:01,830 --> 00:02:03,900
And I have the index HTML.

33
00:02:04,110 --> 00:02:07,560
So they are stored in our distribution folder right here.

34
00:02:07,560 --> 00:02:10,980
It is the bundle that J is and now the bundle, the JS.

35
00:02:10,980 --> 00:02:13,260
It's just like this.

36
00:02:13,590 --> 00:02:17,580
So you don't want to decode this, you don't want to try understand it.

37
00:02:17,850 --> 00:02:21,900
This is the way the web back is doing its magic behind the scenes.

38
00:02:22,290 --> 00:02:26,400
And this is actually our old code that we just wrote before.

39
00:02:26,700 --> 00:02:29,610
But it was bundle up and here it is now.

40
00:02:29,610 --> 00:02:32,610
It's like this because it's minified and it's compressed.

41
00:02:33,660 --> 00:02:34,140
Right.

42
00:02:34,410 --> 00:02:39,300
That is why we do have these outpoll here of one hundred and six kilobits.

43
00:02:40,140 --> 00:02:44,400
So that is minified and compressed and pretty much we are done with it.

44
00:02:44,400 --> 00:02:52,410
So now we have finished with our project and now you know how to explore these files as a final version

45
00:02:53,040 --> 00:02:55,130
and what else you can do here.

46
00:02:55,140 --> 00:03:04,020
So in future, if you want to do something else, you can just go here and do extra things in your in

47
00:03:04,020 --> 00:03:04,620
your free time.

48
00:03:04,620 --> 00:03:06,060
So buy extra things.

49
00:03:06,280 --> 00:03:12,330
What I'm trying to say I did had closed the other one before, so I can't show you actually on the website.

50
00:03:12,600 --> 00:03:13,650
On the.

51
00:03:14,430 --> 00:03:15,300
Yeah, on the website.

52
00:03:15,300 --> 00:03:21,780
So here you can also add a button to delete all the items from the car because we are deleting one by

53
00:03:21,780 --> 00:03:22,140
one.

54
00:03:22,350 --> 00:03:23,670
So you can add that item.

55
00:03:24,900 --> 00:03:32,100
You can also what you can do, you can also add a couple of things to the local storage.

56
00:03:32,100 --> 00:03:34,770
So the first thing that comes to my mind is you can yeah.

57
00:03:34,770 --> 00:03:39,290
The last movie that we are just loading and that will store the last movie.

58
00:03:39,300 --> 00:03:48,240
And even if we just refresh or any problem we run into, then when we refresh the browser, we will

59
00:03:48,240 --> 00:03:50,460
just be able to see that last movie.

60
00:03:50,700 --> 00:03:55,530
Right, because it's somewhere in the local storage and it's not going to give us that error because.

61
00:03:55,890 --> 00:03:58,630
Yeah, because you couldn't find that movie that we searching for.

62
00:03:58,830 --> 00:04:00,330
So that is pretty much it.

63
00:04:00,780 --> 00:04:04,260
And these are just recommendations you can do in your free time.

64
00:04:04,530 --> 00:04:08,760
But you don't have to know if you're happy with the way it is cool.

65
00:04:08,790 --> 00:04:11,040
Then you've learned a lot of other things.

66
00:04:11,250 --> 00:04:15,600
So thank you very much and I will see you in the next section.