OK, let's start creating our first tract native application, and I have to say the process of creating
application can be a little bit overwhelming because you have multiple options to do so.
So what I will do is I will show you the easiest way to do it, but also I will appoint you to the place
where you can actually have more complicated set up, but it's more convenient for our developers to
do so.
So we will go through that in this tutorial.
But we have started with a very simple application and actually react native gives us a solution that
we don't need to do much to set it up and we can use it almost straight away.
So what are the options?
So we have the first option we will have is the snack so we can go to the snack.
IDOT exploded AIO and this is actually the place where you can test your application, you can write
your application directly in the browser and you can see it here.
So for example, I have changed code into the editor to watch it change on the phone and I can see it
is here.
If I will change something, my text goes here.
It was actually updated here at a moment, I have where, but I can also enable that in iOS and Android.
So that's like our in browser way to test.
There are RACT Native Application and then you can actually share it and export it and you can build
your own almost ready application here.
So that's the first way to get your hands on the code and just test it out if you are not really sure
if you want to do it or you want to play with this.
This will be the perfect place to do it.
In this tutorial.
We we're not going to use the snack for it.
I just wanted to show you that one of the options we would have.
So that's the Web browser.
As you can see here, it's a snack that XPO what's the expo is actually Expo is an application and that's
available on both markets.
So you will have on Google Play Expo application and also you will have the same App Store.
So if you have a mobile device either on Android or I guess you can download the client and that will
help you develop the application for react native.
So how can we actually do it?
So if you go to the getting started here on Iraq and Native and actually you can access this from the
main page, so you click get started here and you're on this page.
So what we have here is we have two options.
We will go either for export or we will go native here like QuickStart.
So this way you will need to set up your environment in a certain way.
And that's not very easy and straightforward things to do.
So if you want to have something up and running very fast, export will be your choice.
So why you might need to pick natives instead?
Well, it's a very fast solution for starting a coding reactant native, but doesn't have that much
power as the real solution from REAC native.
If you want to access native elements on your device, then export.
It's not your solution.
It's more limited and it's more for easier application.
I would say the good thing is you can start with the expo and then actually you can eject, expl from
it and then you can move to full solution, which is a reactor native like like you have it here.
So what we will do first will create an expo and I will show you how we can actually use the expo,
how we can write a code and how we can use it.
And then later on you will be able to create your own and you're meant to have it there.
And it will come back to that in the next video because this process might be a little bit complicated.
I won't be able to show you everything because I'm just on one machine and the process is different
on every single machine.
But I will punch you in the right direction if you want to go with the throat.
So what we need to do first, we need to make sure we'll have Expo Zeolite installed.
First thing, make sure you have notan installed so you can go to Noge as we already have done it in
the previous sections.
So if you have this at least 10 version installed on your machine, you are good to go.
So what we need to do is I will copy that and in the terminal I will just install it.
OK, this is now done and now we have an access to export commons that we can use.
What I will do is I will do XPO and then in it in it here and that will create a new application.
Actually I will go to first, I will go to the desktop and then I can initialize it.
So export in it is my command.
Actually I don't have to install exports.
Seelie, what I could do is I could do similar things as I have done with react so I could use and pick
and react.
Native and then in it so that command will do exactly the same as we've done with the Expo, but with
the expo, we can actually have it faster.
And then we have others here like options there.
So I will do Expo in it and then we need to name our application.
So movie mobile, I will do it like this.
So all together and I will do in it mobile, movie, mobile.
So now we have an option to peak so we can pick any of these applications so we can have minimal we
can have some samples like if your application will have a taps that will be already implemented in
the application, I will go for a blank.
This one Malapa that as clean as empty canvas.
So there will be a little tags displayed on the screen, but not and apart from that.
So I will pick this one and then we need to name the our application how it's going to be visible on
the home screen.
So I will do a movie mobile so my name will be moved over and the slack will be all together.
So moving mobile.
It's fine, and now this react native is asking me if I want to use yarn or and PM, it detects that
I have a yarn installed on my machine.
So it asks me if I want to install that with yarn or I want to install that with RPM.
I can do either of these.
I will use a yes here because I do have a yarn installed and it's not very complicated to do if you
don't have a yarn.
You go you go to a yarn packaged dotcom and then you can install one depending on your machine.
This will be different.
So it's very easy to do if you want to follow along and use a yarn, it's fine.
If not, just click now here and everything will be exactly the same.
So there is not much difference here.
How do we have here?
And again, see here we have our application and build, so what we need to do here is we can actually
have we need to go to the folder.
So I will go see this folder.
That's a new folder that we have created for us.
And now I'm inside that folder.
So what I need to do, if I need to do Yarran start, if you picked not to use here in the previous
section, then instead of Yarran you will have AMPM.
So it doesn't really matter.
You can do NPM start or you can do ya and start.
I have.
So I do you start like this.
And you can see here this new application has been opened in the browser, so it's a localhost on board
and 19 002 and my application is kind of running at this point.
It's not yet display on any device, but the server is running at this point.
So I have a few choices here and I will explain to you what we can actually do and how we are going
to use it.
So the best way for you to develop your application, if you don't want to go with a complicated way
of setting up the emulators and simulator's on your machine, then will be using the QR code.
So as I said before, if you have that application that can be on Android device or it can be on iPhone
or iPad Iowas device, then what you need to do is you will have an option to scan that QR code.
So what you can do is say inside that application you will have a product and then you can scan that
QR code here and that QR code.
Once this is scanned, it will actually open your application on your real device and you don't need
to even connect that device with a USB.
So it will be a wireless.
You can have it next to your laptop and it will auto update it or whatever you will do.
Any changes on your code.
It will reflect and refresh your application inside.
So you need to have an expert installed.
And then once you have that installed, then you will be able to scan and run the application.
So this is the simplest way to test it.
But you have another option.
So what we have here, we have run Android device simulator.
You have also run on our simulator and then you can send the link to e-mail and so on.
And so the options you have and I will explain to you how we can actually achieve those in the next
video and then I can show you how it actually works at this point.