1
00:00:02,380 --> 00:00:06,940
So we installed Android Studio and launched the app here on an Android emulator,

2
00:00:06,940 --> 00:00:08,560
now let's do the same on iOS

3
00:00:08,570 --> 00:00:12,580
and this as I mentioned before only works on MacOS,

4
00:00:12,580 --> 00:00:14,930
you can't do this on Windows unfortunately.

5
00:00:15,100 --> 00:00:20,790
The first step there is that you install Xcode and you do that from inside your App Store,

6
00:00:20,790 --> 00:00:26,690
so the App Store on your Mac. There you can simply search for Xcode and then install Xcode,

7
00:00:26,690 --> 00:00:30,120
I already got it installed but simply install it from there.

8
00:00:30,120 --> 00:00:36,020
These are the Apple Developer tools, you can only install them on a Mac and you should do so there. With

9
00:00:36,020 --> 00:00:36,770
that installed,

10
00:00:36,770 --> 00:00:45,740
make sure you install the Xcode command line tools by simply launching Xcode and there, without necessarily

11
00:00:45,740 --> 00:00:47,510
opening a project, you don't have to do that,

12
00:00:47,510 --> 00:00:53,850
go into Xcode preferences in the top left corner and then make sure you got command line tools installed

13
00:00:53,850 --> 00:01:00,360
here by selecting the most recent entry you have here under command line tools. That is already all,

14
00:01:00,720 --> 00:01:09,270
you can now launch a simulator by going to Xcode and then open developer tool simulator here and

15
00:01:09,300 --> 00:01:15,900
this will now launch up an iOS simulator,

16
00:01:16,110 --> 00:01:17,640
here it is booting up

17
00:01:17,700 --> 00:01:20,040
and for me it picked an iPhone X here.

18
00:01:20,040 --> 00:01:26,010
You can change that simulator by clicking on it and then going to hardware here, device and then selecting

19
00:01:26,010 --> 00:01:32,250
iOS and you can pick different phones and if you choose a different one here, it will launch a new emulator

20
00:01:32,820 --> 00:01:40,180
with that different configuration and here, I'll just go with this iPhone XS simulator,

21
00:01:40,180 --> 00:01:43,220
I closed all simulators and then restarted it

22
00:01:43,290 --> 00:01:49,080
and then it automatically picks the last one you chose here and now let's wait for this to boot

23
00:01:49,080 --> 00:01:54,050
up before we can run our React Native expo app there.

24
00:01:54,050 --> 00:02:00,760
Here it is running and now again, go back to your npm start process which should be up and running and

25
00:02:00,770 --> 00:02:06,650
in there, you can hit I to launch this project on an iOS simulator.

26
00:02:06,680 --> 00:02:13,530
Alternatively, you can always go to the expo dev tools in that browser tab and click run on iOS simulator

27
00:02:13,560 --> 00:02:14,060
there,

28
00:02:14,080 --> 00:02:15,490
that would work as well.

29
00:02:15,490 --> 00:02:19,940
Here, you also see some log where it tells you that it's connecting and so on.

30
00:02:19,990 --> 00:02:23,860
So now here, we're asked whether we want to open this in expo and the answer is yes,

31
00:02:23,980 --> 00:02:29,240
just as on Android, it automatically installed the expo app so you don't need to do that manually, it

32
00:02:29,250 --> 00:02:34,600
does it for you and then it launches this app and launches your project in that app.

33
00:02:34,600 --> 00:02:38,720
So let's again wait for that to finish, click

34
00:02:38,720 --> 00:02:39,880
got it here

35
00:02:40,010 --> 00:02:45,770
and here's the app and just as on the real device, we can click change text to change the text.

36
00:02:45,770 --> 00:02:48,860
So this is the app now running on simulators,

37
00:02:48,860 --> 00:02:54,380
this is the setup I'll use for the course so that I can show this app on different devices here on the

38
00:02:54,380 --> 00:02:55,340
screen.

39
00:02:55,340 --> 00:03:01,640
You can test it on simulators as well, you can test it on real native devices, before you ever publish an

40
00:03:01,640 --> 00:03:02,240
app,

41
00:03:02,240 --> 00:03:08,120
you should definitely also test it on real devices though, otherwise you won't know how your app behaves

42
00:03:08,120 --> 00:03:08,570
there.

43
00:03:08,570 --> 00:03:12,890
So using simulators only is not an option but for development, it's of course great.