OK, now let's talk about our final version of our app.
So at the moment, at this stage, we are running the development mode, so we want to change this at
the end.
So we reached the end and we want the final built version here because we are finished with development,
at least I am for this project.
So this is a very easy we just need to run one of these groups that we have for demoed for production.
Now, where is that script?
Remember, in the beginning, we just managed to install a couple of scripts.
So we were using this one right in the Modise development and we are opening the browser.
But here we do have Dev in production.
So this is the final bill that we are aiming for.
So in any project that you finish and it's JavaScript logic, you can just export everything, bundle
up into the final version.
And this is the NPM script that we need to use.
Now, here I'm using the because I've just recorded the last lecture and I'm continuing now.
This is still running in the browser.
Right.
So I need to close this one.
I don't need this live server.
So how we can do it control see and it will terminate.
Now if we try to refresh now, it will it will happen because it's the live server.
It's not working.
So.
OK, now let's do npm run.
We should work and we should actually we should copy this one npm run built.
So we need to run only Dysport.
And what this will do if everything is OK, this will work and it will create files for us.
Let me just pause the video and that was pretty much quick.
So the output is here.
So I have the bundle dodgiest which is one of one oh six kilobytes.
Right.
And I have the index HTML.
So they are stored in our distribution folder right here.
It is the bundle that J is and now the bundle, the JS.
It's just like this.
So you don't want to decode this, you don't want to try understand it.
This is the way the web back is doing its magic behind the scenes.
And this is actually our old code that we just wrote before.
But it was bundle up and here it is now.
It's like this because it's minified and it's compressed.
Right.
That is why we do have these outpoll here of one hundred and six kilobits.
So that is minified and compressed and pretty much we are done with it.
So now we have finished with our project and now you know how to explore these files as a final version
and what else you can do here.
So in future, if you want to do something else, you can just go here and do extra things in your in
your free time.
So buy extra things.
What I'm trying to say I did had closed the other one before, so I can't show you actually on the website.
On the.
Yeah, on the website.
So here you can also add a button to delete all the items from the car because we are deleting one by
one.
So you can add that item.
You can also what you can do, you can also add a couple of things to the local storage.
So the first thing that comes to my mind is you can yeah.
The last movie that we are just loading and that will store the last movie.
And even if we just refresh or any problem we run into, then when we refresh the browser, we will
just be able to see that last movie.
Right, because it's somewhere in the local storage and it's not going to give us that error because.
Yeah, because you couldn't find that movie that we searching for.
So that is pretty much it.
And these are just recommendations you can do in your free time.
But you don't have to know if you're happy with the way it is cool.
Then you've learned a lot of other things.
So thank you very much and I will see you in the next section.