All right so I am inside and you directory I and you project.
So it calls our native you are one and of course all of this projects are going to go to you so you
can compare code.
So this is the first one right.
So I'm to open the terminal and go here and I'm going to do C.D. de dud and I'm gonna go to the parent
directory of this are native 0 1 right.
If I do plus I can see my Expo test.
It's a previous project and our native.
All right.
So now of course we need to start an application not with Expo.
And again if we go to the documentation we can see that we have the quick start Expo and build a projects
with native code.
And when Mac I'm going to go Mac and for Windows and Mac we have some different instructions when but
when we get there.
Just gonna tell you what to do on Mac and Windows.
So we've already did this.
What we need to do now.
And let me just find it is create a new application we need.
We're gonna need to do some of this in a couple minutes but I'm just going to let you know what we need
to do.
Don't worry.
So it seems we have the native CLIA installed.
We need to do react native and the name of the project.
That's the only thing we need to do.
So I'm gonna do react native.
You will need to do the same thing in it.
And then the name of the project mine it's our native 0 1 0 0 1.
Since I've already have this project right that the name of that directory on this working directory
I'm going to press enter and says you know that directory already to six accessed.
Do you want to continue.
Yeah I would just put the files aims out there and then of course it's going to go and put whatever
logic we need to put you know he's gonna put all the files in there.
All right.
A lot of talking talking and doing this.
It's just it just kills your mind.
All right so I'm gonna wait until this is done.
It's going to take a couple seconds and I'll be right back.
OK.
So everything got installed so notice that the structure of the directory is a little bit different.
Right.
So at the end when everything gets installed we get run up AOS and they give you the commands to run
a native application in your ISIS simulator and then you get Android now before doing this.
It says have an android emulator running.
So the thing is that before you can do this you need to open the simulate the EMU emulator with Mac
with AOS.
You don't need to do that.
You just run the command and it will open outmanned manically.
Now we need to open the Android device.
So for that we need Android Studio and just let me tell you right now because maybe you're watching
this and you need to go to different plays in five minutes.
This is gonna take time.
It's going to take like an hour depending on your connection and your computer because of course we
need to download more things.
I'm sorry.
Yeah but yeah.
We need to download more things.
So I'm gonna go and find the Android Studio right here.
Gonna press enter and let's give it a minute.
All right.
I was there so sometimes it takes a while and you know this is a fast computer so and it's ticking.
All right.
I got to get it right here on a different screen name it just one second.
Let me just show you and OK.
So once you open everything you can to get this screen.
Now instead of starting your application and anything else we want to open an existing hundreds to your
project.
And this is because we are doing react native so react native gives you a default application inside
the android directory and inside the eyes they give you a nice directory of course everything is bare
naked but this is a working application for Android or ISIS.
So instead of just creating the new one we want to open an existing Android Studio project.
Now I'm gonna go to my document.
I'm gonna go to react native.
I'm gonna go to projects and right here we I want to access our native now.
If you open this directory the parent directory it will open the whole project and we didn't need to
do that.
We want to open only the Android.
It's going to open and of course this is going to open and just show you right here.
And of course I'm going to just close now.
As soon as you open your directory you're you know your project is going to start sinking or yeah it's
going to start doing all the sink and everything that is going to bring the files with your project
and check if you need something.
And this case this is happening.
It says that there is a plugging update.
Now when you install the application in your of course your directory.
This has a version of all the packages that we are using now.
It tells me right now that we have an update and you should upgrade.
The problem is that right now today you know this date if I do the update it will create some problems
with the plugins and everything else.
So nothing is going to really work.
So in my case maybe use your case because you're watching this maybe on this date or maybe in a month
or something like that but maybe you're watching this.
Of course in six months and everything is going to be up to date in your React Native project so maybe
you don't get this.
But you know for now I'm just gonna say Don remind me again for this project because we don't want to
update if you update it's going to fail now again if you're watching this this growing date you're going
to get something like this the build tools to 28 0 2 is ignored and 28 0 3 will be used and that is
OK.
We're going to this is a warning it's not an error.
So that's OK we don't need to remove the build tools and second project it's going to do it for us.
Right.
That's OK.
You just you know let it be.
OK.
So now we need to do a couple more things before we can run the simulator.
I've already I have everything installed in my application.
But if you're running this for the this under it's studio for the first time you're gonna get some props
because you need to install more tools.
I've already installed everything in this case because this is going to take some time.
And right now I'm filming on a place where I don't have a lot of connection.
So yeah I did it in my home.
I have a pretty large you know good connection.
So if you go to the documentation you're going to go here.
All right.
We download we go at the bottom and it's right here at the section.
It says the SDK manager can also be fun with under studio preferences.
So we need to check that we have this installed.
So how do we do it.
Well I'm going to go here and I'm going to go to under studio and then preferences.
OK.
So once you go here we need to go to System Settings Android SDK and the first thing we need to check
is the SDK platforms.
So it says right here.
Make sure that the android as the K platform.
Twenty eight it's selected.
So if we you know just check it when you go right here.
Android
that's what we need to do.
Sorry for that and just forgot that step.
You need to select under nine that zero pi.
In this case and show package details.
So when you go right there you're going to see Android as the K platform 28.
I'm pretty sure with that with all the installation we did.
You've already have it right.
I'm pretty sure of that then.
And then it says Make sure you have intel 86 atom 64 or Google API it is or.
But we need both.
And I believe that's a typo.
So if you go to your computer I'm pretty sure that you will get the Google API 86 checked but you will
not have the intel 86 item so you will need to check on that to click it.
All right.
And then select apply.
And this is gonna take you to the next screen which is going to say license agreement and everything
else.
And it's like of I believe it's two gigabytes of information so it's it's gonna take a while and you
will need to download it.
All right.
Of course you will need to possibly audio download and then move forward on this section now then we
need we need more things.
So let me just try to find you documentation not really funding next.
It says next selects select as the key tools.
Notice we are not on this ticket tools.
We are as the Cape platforms.
So they made it really difficult to read because this is very small and.
I would like you know an image maybe here.
So if you go to SDK tools it says no.
The box to show package details.
You know we've got this and says Android SDK built to it.
So if we go here and we say android as the Cape build tools and we show the package it says make sure
that you have 28 0 3 and if you go down we should be getting this if you don't have it you need to click
on it and do the same thing apply and then it will go and download.
So once you download the until 8 to 6 and the other one the 28 0 3 if you don't have it we are kind
of a ready kind of ready.
So I'm going to go and click ok.
Now the next thing is just you know opening the simulator and then open the simulator and this is when
I get I'm going to create a new one because of over did this on my computer I'm going to create a new
virtual device and you will need to do it.
Of course you can select pretty much whatever you want right here.
I'm gonna select nexus x 5 x that's okay.
I'm going to click next and then you will give you're gonna get different options.
I actually don't have it for this one and I don't want to download it.
I've used a Nexus 6 for my phone so I'm going to use Nexus 6.
So once you get it you open you select your simulation your android emulator you're going to get you
know release name and everything else.
Now if you never did this you're gonna get the download besides the version of what we want to run which
is pie if you don't have it right you will need to download if you want to run this simulator.
The Nexus 6 now of course you will need to download and you will need to download more things again
sorry for that we need to do it.
So if this is the case right I'm to after you download everything of course you just need to select
buy it just move forward to next and right here it gives you know the ability to change the name so
you click on you change your name and then you click and finish and you have your new simulator.
Now you could use this one but you need to make sure that you have the API 28 or whatever the documentation
it's telling you.
Right.
Right here we have the 28.
Maybe you were watching this in six months and you can get the 30 for example.
So if you want to run this I'm going to edit of course you're going to be able to run it.
Right.
So you just click and play and it's going to run it.
I'm going to run this one which is my phone.
I'm going to click
and this is going to you know open the simulator.
Me Just one second let me just show it to you and have it on the other screen.
I'm gonna go over here and here you get the emulator.
Now again if you have a slow computer it is gonna take a while.
All right.
And we are pretty much we are pretty much ready.
Once you get the emulator working with the 28 and the PI and everything else we can run the simulation
on our application.
But before we can do that we need to do something else.
Yeah.
Sorry for that.
We need to go here and this depends on which computer you're running right now I'm on the Mac documentation
and we just show you a Mac and then Android.
So go right here at the bottom it says add the following lines to your home dot bash profile.
Now you will need to add this to your bash profile if you're of course have experience with a terminal
in the Mac.
You just need to add this if you don't have much experience.
I'm just gonna show you how to do it.
What you need to do.
You need to do nano dot bash underscore profile.
Now once you press center it's going to show you something you know pretty blank.
In my case it's just showing me this because I've have a lot of configuration I already did it so I
have like this I cleaned it up a little bit.
So what you will need to do is just copy all of this.
Just copy and on the terminal just you know go down and you just need to paste it just like that.
Of course I've already have it.
I don't really need to paste it.
So I'm going to just pretty much delete everything.
So for that you know I didn't want it to paste so let me just exit without saving
all right I'm gonna go again there.
Now after you pasted on the bottom it says click an exit so you only to do control X and X and it can
ask you if you want to save it.
Right.
You just save it and you press enter and you can get back here.
Now what this is going to do is gonna add all of this rules to your path.
Now the android needs to use the terminal and the paths in your computer to run the simulation from
the V.S. code.
Remember that this this application this yes the V is code and the Android Studio are not related.
So when we do right here run native or react native run Android this will run some commands and it needs
to connect with the simulation we have right here in our computer.
So if you don't complete this step nothing's going to run your simulator in your emulator.
So how can you check the.
You know this.
It's install.
So let's you know let's go over here.
After you do you added the bash profile and of course all of this is in Mac on the next video I'm going
to show you how to do this on Windows.
I'm going to close the terminal and I'm gonna open a new terminal just make sure I close it can open
a new terminal.
Now what you need to do you need to type echo dollar sign and path.
This is gonna give you some strings if you never installed this never did this in your computer.
You're not gonna get the library Android as the case you're just going to get user spin.
That is the only thing you're going to get.
So if you install this and you added this to your brash profile correctly you're going to get all of
this crap.
Yeah.
So if you get this you're good to go man.
So you're ready.
The next thing is gonna be running the Android emulation.
Now I'm gonna do it right now so we can test the emulator on Mac but on the next section I'm gonna go
to Windows and I'm gonna I'm gonna show you how to edit the environment virals which is pretty much
the same thing and then this but for windows if you already know how to add things to your environment
marvels.
If you go to the documentation and go all the way to the bottom and right here it tells you the you
know the step 3 which is adding everything you need to add to your path right here.
Android home and right and then you're gonna need to add platform tools.
So these are the steps for Windows and then we can run the simulation.
Now I'm gonna do it right now and then I'm gonna go to the next video and show you how to do this on
Windows.
If you don't know how to work with your environment marvels.
So I'm gonna run my native application on Android so react native.
You should do the same thing and then run and then Android once this is done.
Gonna press center and of course I made a mistake because I am on the parent directory I do less notice
I am on the parents so I'm gonna do C.D..
Our native 01 and I are gonna do clear and then react native and then run Android.
All right.
This is what we need to do.
I'm going to press enter and again depends on your computer.
It will open a new terminal and it's gonna do pretty much everything right here.
It will configure your application do the build.
And like I told before if you have a slow computer this might take six or eight or seven minutes.
Depends on your computer.
This one is really fast.
It's going to take maybe a two minutes so let's wait until this is done okay.
Once it's done it's gonna start building things in your.
Of course your dependency it's building your application.
And if you go to the Android Studio you're gonna get.
I'm sorry the emulator you can see loading.
And there we go.
You get the app.
So we spend like a day installing things just to get things running on the simulator.
And you know that's that's that's what we need to do.
That's that's what we've got to do comes with the job.
Now let me tell you after you install everything and you you're able to run the simulation on the emulator
you're pretty much done everything else.
It's just easy to do.
We can go to the app the chase dubbed dodgy ass.
You can get a bunch of things don't worry we're gonna get rid of that.
And welcome to react native.
I'm gonna do this.
I'm gonna save it.
And if we reload it we get the changes.
So.
That's it.
This is the last thing we need to do.
The pain it's over on the next section.
Of course I'm gonna show you how to do the environment virals and how to run the AOS simulator if you're
in a Mac which is relatively simple We don't need to do much.
We need to do anything and then we can start with you know the actual react native and start learning
all of this.
So let's go to the next one.
If you're a Windows user I'm gonna show you the environment marvels if not just move on to the other
one which is using the x code emulator.