1
00:00:00,810 --> 00:00:06,150
In this section we're going to walk through installation of re-act native on OSX.

2
00:00:06,150 --> 00:00:12,480
So if you are not on a Mac or you do not want to install Iowas specifically if you instead want to go

3
00:00:12,480 --> 00:00:17,880
with Android you'll want to jump to the next section where we'll talk about the installation of Android

4
00:00:18,210 --> 00:00:21,150
on either OSX or on Windows.

5
00:00:21,150 --> 00:00:25,800
So just make sure that you're in the right place and you go to at least one of these set up tracks just

6
00:00:25,800 --> 00:00:27,470
one of them.

7
00:00:27,540 --> 00:00:33,600
So the setup that we're going to go through inside this section for Iowa on OSX is going to be identical

8
00:00:33,660 --> 00:00:40,040
nearly identical to the installation directions that are provided in the official re-act native documentation.

9
00:00:40,050 --> 00:00:41,370
Let's pull that documentation up.

10
00:00:41,370 --> 00:00:49,310
Just a start in my browser to make a new tab and search for reac native and I'll click on the Getting

11
00:00:49,310 --> 00:00:50,700
Started the link right here.

12
00:00:52,140 --> 00:00:58,380
So this is the documentation for getting started with Mack in Iowa s we will go through these instructions

13
00:00:58,380 --> 00:00:58,850
right here.

14
00:00:58,850 --> 00:01:02,860
So if you get lost any point in time you can always come back to these directions.

15
00:01:02,910 --> 00:01:06,570
But I will tell you right now that we're going to go through the set up with a lot more detail than

16
00:01:06,570 --> 00:01:07,830
what's listed right here.

17
00:01:07,830 --> 00:01:13,710
I just want you to know that these directions do exist so let's get started with the setup.

18
00:01:13,850 --> 00:01:19,280
I want you to know right now and this is going to hold true throughout the entire course with any tutorial

19
00:01:19,280 --> 00:01:19,750
I write.

20
00:01:19,760 --> 00:01:25,280
It is very important to me that you understand exactly why we are installing each tool and why we were

21
00:01:25,280 --> 00:01:26,000
left right.

22
00:01:26,000 --> 00:01:27,310
Each line of code.

23
00:01:27,530 --> 00:01:31,850
So before we started doing that installation we're going to just have a very quick discussion about

24
00:01:31,850 --> 00:01:37,550
the purpose of each of these dependencies and exactly what we are installing.

25
00:01:37,550 --> 00:01:43,760
The first dependency that we're going to install is X code x code is Apple's official ID for building

26
00:01:43,760 --> 00:01:50,430
software for nearly any official Apple device like iPhones eye watches or Mac laptops.

27
00:01:50,500 --> 00:01:57,020
We will be using X code to build our apps and install them on a mobile device X code also comes bundled

28
00:01:57,020 --> 00:02:03,550
with the iOS simulator which is a tool used to run mobile apps directly on your desktop or laptop.

29
00:02:03,560 --> 00:02:10,730
Second we'll be installing homebrew homebrew is a Mac OSX dependency management program which we're

30
00:02:10,730 --> 00:02:14,500
going to use for exactly one purpose just to install node.

31
00:02:14,790 --> 00:02:19,250
That's kind of the funny thing about the set up here you have to install programs just to install programs

32
00:02:19,290 --> 00:02:22,560
that kind struck me as all that funny.

33
00:02:22,550 --> 00:02:29,990
Anyways after we install homebrew we'll use it to install node and NPM node and PM are a package deal

34
00:02:29,990 --> 00:02:32,990
sorts then's are installed at the same time.

35
00:02:33,260 --> 00:02:38,360
Knodell we used to run javascript outside the browser which is what we're going to be doing well and

36
00:02:38,380 --> 00:02:41,000
Tim is used for dependency management.

37
00:02:41,180 --> 00:02:47,030
In our case we'll be using node to process some javascript files that will be creating the javascript

38
00:02:47,030 --> 00:02:51,930
that we write will be processed by node and then pumped into our re-act native application.

39
00:02:52,010 --> 00:02:54,710
But we'll talk all about that later on.

40
00:02:55,010 --> 00:02:58,250
Third excuse me fourth we'll be installing Watchmen.

41
00:02:58,250 --> 00:03:02,530
Watchmen is a program developed by Facebook for exactly one purpose.

42
00:03:02,750 --> 00:03:08,570
Watching files are a hard drive and noticing when they get changed Watchmen will be used by re-act native

43
00:03:08,570 --> 00:03:15,560
to automatically process changes to our code base and update the mobile app that we're working on.

44
00:03:15,560 --> 00:03:19,560
In practice we don't actually have to do anything with watchman besides install it.

45
00:03:19,970 --> 00:03:24,590
The Riak native package that irks me the native command line tool will take care of everything from

46
00:03:24,590 --> 00:03:25,370
there.

47
00:03:25,370 --> 00:03:30,380
Speaking of which the last thing that will install is the re-act native command line interface.

48
00:03:30,380 --> 00:03:31,520
This has two purposes.

49
00:03:31,520 --> 00:03:37,820
The first of which is to generate new reac native projects and the second is to run our projects in

50
00:03:37,940 --> 00:03:39,790
either the Iowa us or I.

51
00:03:39,870 --> 00:03:43,160
You mean iOS or Android simulator.

52
00:03:43,430 --> 00:03:44,900
So that's the purpose of each piece here.

53
00:03:44,930 --> 00:03:47,910
Couple of different items to install and we're going to get started right now.

54
00:03:47,930 --> 00:03:49,370
First with X code.

55
00:03:49,520 --> 00:03:53,840
So we're going to start off with installing X code and then we'll continue in the next section with

56
00:03:53,840 --> 00:03:56,150
everything else to try and solve as well.

57
00:03:56,510 --> 00:04:01,670
Let me tell you right now one thing about X code very important remark even if you already have X code

58
00:04:01,670 --> 00:04:08,090
installed I beg you please please please go through the x code installation process and make sure that

59
00:04:08,090 --> 00:04:10,590
you do not have any pending updates.

60
00:04:10,700 --> 00:04:15,350
And the words make sure you have the latest version of X code you would not believe the number of problems

61
00:04:15,350 --> 00:04:20,330
I have troubleshot that were caused by out of out of date versions of X code.

62
00:04:20,330 --> 00:04:24,160
So it's just as really low hanging fruit if you just do the update right now.

63
00:04:24,170 --> 00:04:25,390
You'll be good to go.

64
00:04:25,850 --> 00:04:28,940
So let's walk through the installation process.

65
00:04:28,940 --> 00:04:31,070
I'm going to first open up the app store.

66
00:04:31,240 --> 00:04:36,170
So I to hit command space to bring up the spotlight search and then look for AppStore

67
00:04:39,570 --> 00:04:44,520
the app store is kind of notoriously slow but once it actually boots up on the top right hand side I

68
00:04:44,520 --> 00:04:53,170
will search for X code and then we'll get our search results eventually.

69
00:04:53,720 --> 00:04:54,660
You know eventually.

70
00:04:54,680 --> 00:04:55,630
All right there we go.

71
00:04:55,860 --> 00:05:03,860
And on the very top left I have the X code result so opened up X code and I've already got X could installed

72
00:05:03,870 --> 00:05:04,850
myself.

73
00:05:04,860 --> 00:05:08,580
But go ahead if you do not have it installed this button will be green.

74
00:05:08,610 --> 00:05:14,130
Click install and go through the installation process like one or two windows will pop up and say hey

75
00:05:14,130 --> 00:05:17,930
you know except the license agreement or what have you.

76
00:05:17,930 --> 00:05:21,760
Just click accept accept and it will install X code for you.

77
00:05:22,230 --> 00:05:24,390
If you already have X code installed.

78
00:05:24,420 --> 00:05:26,840
So really important if you already have X code installed.

79
00:05:26,850 --> 00:05:33,330
Again I beg you please come up here to the top right to the Updates tab and just verify that you have

80
00:05:33,330 --> 00:05:35,480
the latest version of X code.

81
00:05:35,940 --> 00:05:38,520
Once it find there you go.

82
00:05:38,760 --> 00:05:43,980
So you can see that you know I've installed X code update couple of days ago version 7.3.

83
00:05:43,980 --> 00:05:46,410
If you have a newer version no problem whatsoever.

84
00:05:46,410 --> 00:05:50,260
Just make sure that you've got the lase latest version of Mexico installed.

85
00:05:50,400 --> 00:05:50,660
OK.

86
00:05:50,670 --> 00:05:51,260
So that's it.

87
00:05:51,280 --> 00:05:51,860
That's good.

88
00:05:51,870 --> 00:05:52,880
In a nutshell.

89
00:05:53,130 --> 00:05:56,100
If you are going through the installation right now continue with that.

90
00:05:56,100 --> 00:06:00,870
We're going to take a quick break and then come back in the next section and start walking through our

91
00:06:00,920 --> 00:06:02,280
node installation.