Okay, we have our application already and it's kind of up and running, but we had no chance to see
it yet.
If you, as I said, have a mobile device that you can use, you can actually scan this barcode and
you are good to go.
If that's if you are happy with that setup, then you can work your application out from from this setup
and you don't need to do anything else.
But in this tutorial I will try to explain you what will be the steps to to take to have that options
enabled.
And I will enable that and I will use that because it will be more convenient for you to see whatever
I'm doing on the screen.
It will be actually visible on the emulator or simulator and instead of my physical device I have on
my desk.
So I'm not going to test the physical device.
It will be worth experience for this video course, so I'll use the emulator and simulator and actually
I will encourage you to try to set it up at the emulator and simulator because that's actually much
faster, better way to do it.
And you don't need to have millions of different devices.
You can actually simulate the different devices directly on your computer.
So what we need to do is we if we go to getting started, then you can switch to this second tab and
that's actually when you will have to do some steps depending on your operating system.
So you pick your operating system.
At the moment I'm on the Mac OS, but you can also pick Windows and Linux.
So what is happening here is if you want to develop an application on iOS, the only way you can do
it is on the Mac.
So at the moment, Windows and Linux, it's not supported and I don't think it will ever be because
that's the politics of Apple.
And I have to say I absolutely hate it how the Apple treats developers.
They are trying to make a good software for their devices, so they are kind of trying to force you
to buy their own machine.
And if you don't have it, you are out, out of luck and you you can't really develop anything on iOS.
So that's that's a really bad thing and you won't be able to run the simulator.
There are there are a few hacks, but it's not an official.
And I don't think Apple will ever allow their software development options on the other platforms.
So at the moment you are forced to use the Mac OS and that's the reason I have this machine.
Otherwise I will use probably a Linux.
So if you have a mac then you can set up the iOS.
If you have a Windows Linux, then you can set only Android on macOS.
You have no option, you have no problem having both platforms.
So if you want to have both platforms, the MacBook is the only option at the moment, at the moment.
So if you want to install the iOS, that's what you will need to do and you have a list of things that
you will need to have.
And you can see here some.
Some process and that will be different on every single platform.
So if you want to have like on the windows, you would like to have Android, you will have a different
things to install.
I will tell you that the easiest way to install any dependencies for either iOS or Android will be to
install their native application to develop the the, the native mobile apps.
So what is the native tool for iOS?
That's actually Xcode and as I said, Xcode is only available on Mac.
So if you don't have a mac, you won't be able to install Xcode is free program that is available on
the market on an app.
Appstore and you can download this.
I have the dummy project here, my first project open.
It doesn't really matter what kind of project is that because we are never use the Xcode for developing
anything.
We will use the React Native, but when you install this Xcode on your machine that comes with a lot
of different things and you don't need to set up a lot, a lot of things.
And one of the advantages of having Xcode installed is the simulator.
So what I can do is I can go here and coming back here, if I will do run on iOS simulator.
It's actually opened the simulator here, and that simulator comes with a Xcode.
So once you install the Xcode, you will have the simulator here.
What's good about this is you can go to the hardware, you can go to the device, pick your operating
system, and you have a list of different devices that you can test at your application on.
So at the moment I am on iPhone X, iPhone eight, but I could pick any other device here and change
it.
So what you can see here, that's my application loading and you can see building JavaScript bundle
and that's 10%.
You can also see the log here.
So what is happening here?
Once you click that, the JavaScript will compile into the application that in the simulator Expo application
will be installed and it will be able to see your application live in the simulator here.
So I will wait until that will finish and you will see that I can see my application in the simulator.
Okay.
And that's done open an app to start working on your app.
This is actually something that it is a content of our application.
There is not much here because we kind of start with a blank.
So there is not much content here.
But what you can see here is that I started to run the iPhone X, iPhone eight.
This is running on my device.
So if I will have it, my own device, scan it here, I will have a list of different devices.
So if you want to test your application on the simulator, like on an iPad or iPhone, you will need
to have the simulator installed on your machine.
And the easiest way to do it will be with Xcode.
Once you will have that, you will have a different settings here and then you can also add this application
will help you publishing your apps on the App Store.
Without that, it's not really possible.
So Xcode is kind of required for for this setup.
Also, if you will have any problems, you will I will advise you to go to macOS, iOS and go through
that installation here and that should be all sorted.
So that's a simulator.
Another option will be Android, so Android, and then you can with Android, you can go any operating
system so you don't have to be on a mac and then you can install the dependencies.
The easiest option to to do will be to install their IDE for developing a native Android application,
which is Android studio, and that's also a free.
So you can download Android studio from the internet.
And I have a simple test application here.
I'm not going to do anything here, so I don't need to create application and code it anything here.
But once this is installed, it also comes with some tools that I can use.
And if you go to tools here, what's important is two things SDK and Avd.
So let's start with SDK and I will show you what we will need to do here.
So what's the SDK is well, basically that's the things the, the packages that you will need to install
in order to have the your emulator up and running.
So the first SDK platforms is basically you pick a operating system for the Android that you would like
to develop on.
At the moment I have three versions, so I have Android eight, eight, one and nine here.
And once you have that installed, you will be able to create an emulator with that version of Android
on the device.
As you can see here, you can go as far as the Android 2.1, but usually you want to pick something
from the from the newest here.
So basically we have the SDK platform and you need to have at least one of those installed.
So the second thing is the SDK tools and you will need to also have few things installed here.
So we'll you will need to have Android SDK build tools and then you have emulator SDK, platform tools,
SDK tools and then you accelerator for this one.
So that's what I have Sometimes you need to depend on depending on your operating system, you might
have other things installed, but that's like a bare minimum.
What you will need to have in order to have the emulator up and running.
And then you have SDK update sites and then you can also have some updates here.
So once that's a lot of gigabytes to install.
So it might take a while to download that and install.
So the first thing you will after you install the Android studio, you need to make sure that Android
SDK, you at least have one operating system, Android operating system, and you have all that packages
here installed.
So I have that installed so I can.
Close it.
But another very important tool that it is available on Android studio is if you go to the tools, you
have a manager and that's a manager or virtual devices.
Virtual device is basically our emulator.
So what I have here is I have one emulator and that's emulator of the phone, a Nexus five X, and actually
I own this phone, exactly the same phone in the physical device.
So I just wanted to kind of mimic the same device on on the screen.
So what you can do is you can create a virtual device here.
You can pick if that's a phone or maybe a tablet, and then you have a lot of options here.
Once you pick the model you would like to have, then you will have other options.
And this option will actually you can pick what version of Android you would like to have it and so
on.
Once you will have everything set up here, you will have a list of available devices here and you can
actually run a device here.
And you can see here, my device is start to loading and this is the device here.
So once I have this device actually available for me, what I can do is I can go here and I can go back
here and you can see here run on Android device emulator and I can click it here.
So opening an Android device, we actually have that emulator here.
And you can see here, in the same way as we've done it with simulator on iOS, this is now building
an Android.
Okay, Your application is running here on the emulator and this is on the Android.
So we have emulator on Android and you can also create a new virtual devices to test it on.
Then we have another simulator here.
So you can see here I have that on two devices and you can see that devices here.
And so basically it is listed there.
And the third option will be that QR code.
I have another device testing device next to me.
So I have an expo here.
If I will do QR, scan a QR code here and I will scan whatever you see on the screen now.
I already scan it here.
And you can see here it's starting to build another platform for me.
And then you will be able to see here, that's one of the phone I have with me now.
So I have this running here I have on Android and I have on iPhone.
So that will be the virtual devices I have on my computer and that physical devices.
And if you will take a look here, you can actually have three devices, one physical device and two
virtual device.
So on the screen, running up and running on the same application.
So if I will do changes on any in my code in in the file, it will be reflected in there.
So what I will do is I will Visual Studio code here.
Movie mobile.
And I will come back to the files here in a second.
So.
I will do a quickly change here.
Moving up, I will save it.
And you can see both of them are updating.
So I have that available on the simulator here I have on Android and also I have it on my physical device.
So at the moment I have three applications running in the same time.
If I do a change and save it, it will be automatically refreshed and it's ready to go.
So at this point we know how to run it.
And if you will have any problem setting up any of this, I will go here and go with the dependencies
they are asking you to actually install.
And as I said, the best way to go will be the Xcode and Android studio and you should be good.
Good to go with that.
But I have to say it's not very straightforward.
I had a lot of different issues and I won't be able to help you because the setup on your computer might
be completely different.
What I have here.
So.
So just Google is your friend.
Try to find the answer there because it's not very easy to set up the first time.
But once you will have it done, then you can use it with a very easy way having that display.
So from now on I will have only one device open and then we'll start seeing what's actually in the React
Native project.