Okay, now we have all the knowledge we need to build our own mobile application and we'll start doing
that in this section.
So what we need to do first to create a new application, we need to open terminal.
And we can navigate to desktop and then we can create a new application with Expo CLI.
So I'll do expo and then init that will initiate our new application and I will call it movie rater
altogether like this.
This will be the same name as it, as it was for a web app.
And then I can pick which one I would like to do.
As I said before, in the previous section, you have other options, and I would encourage you to play
with this and you can create a few different applications here and see which one is the closest to to
the one you would like to have.
Like if your application will have a tab as a kind of navigation, then maybe you can start with this.
I would also say that starting with a blank, it's usually the easiest if you are not really sure what
is that?
Because if you have too much code starting with a project, you might have a hard to find your way to
change it.
So I will go for a blank here.
And then I will name it movie writer like that and I will use yarn.
It doesn't really matter that much.
Okay, that is done.
I can go to the folder movie writer and inside that folder I can do yarn start.
I can do also Expo start or npm start depend on what you use.
But I will.
I don't want to have the terminal open.
I would like to use the terminal inside my Visual studio code.
So what I can do is I can open that folder in Visual Studio code and the shortcut for that is code and
dot means this current folder.
So I will code it here and this will open Visual Studio code and the project there.
You need to configure that to have the terminal code to open a the current folder in the Visual Studio
code, but that's very handy.
So I can close this here and then I can open terminal here and I have the terminal so I can do expo
start.
And my application is up and running.
So what I can do is I can have that on iOS simulator on Android or this on my own device.
I will have it on iOS or Android, Android depending on uh, on my mood really, because I have two
simulator and emulator installed.
So we'll go maybe for iOS.
Okay.
Application is open in the simulator here.
Only the first thing is taking so long.
And then the next build will be much faster when we change something here.
So Visual Studio code here and we have a few things to set up.
So first I will open up JS and we have that open, that text that is displayed in our application and
we have some styles here so I can close this and to make a little bit more space.
And what I can do is I can prepare my project to be more structured.
So what I will do is I will create a new folder, I will make it component, and then inside I will
create my first component and that component it will be list.
JS So that will be a list for list of movies displayed here.
So what I can do is I can quickly hack it, I will just copy whatever I had in the app.js and paste
it here.
So I don't need to do much of that typing here and then we can say.
This will be a list.
So we have the list.
I will call it movie list like that.
And I will keep it everything else for now.
So we'll have that display on the screen.
And here what I can do is I can actually remove all of the things that I don't need, don't need.
So I will just leave it very bare minimum app.
And then instead of the view, what I can do is I can display movie.
Movie list and it will auto import that from here.
And then I can self-close the tag.
Actually, I can remove that as well.
So if I will save it now.
And this will be our list.
This is what I'm expecting.
So app.js, I will keep it very clean and there is not much happening here.
So we have our movie list here.
And inside that movie list I can code everything there.
So what we need to do, basically that will be our main component when we will display the list of movies.
So we will need to first load the data from our server and this will be very same way as we've done
it with our React web application.
So we'll use Fetch and then we'll display that in our application using a list.