1 00:00:01,090 --> 00:00:06,240 In this section we are going to get started with re-act native on our windows development environment. 2 00:00:06,240 --> 00:00:11,550 So if you're running Mac OSX if you're on a Mac right now you can skip this section and go onto the 3 00:00:11,550 --> 00:00:12,220 next one. 4 00:00:12,420 --> 00:00:14,800 If you're on Windows stay here. 5 00:00:14,790 --> 00:00:19,050 You know you can tell because I got the big ole Windows logo on the screen here you know you're in the 6 00:00:19,050 --> 00:00:22,050 right spot if you're in Windows so to speak. 7 00:00:22,050 --> 00:00:23,280 All right let's go and get started. 8 00:00:23,400 --> 00:00:27,100 We need to install a lot of different software so I'm going to be honest with you. 9 00:00:27,120 --> 00:00:33,120 Set up of reac native on Android or excuse me on Windows is a little bit tough because there's a lot 10 00:00:33,120 --> 00:00:34,230 of stuff to install. 11 00:00:34,260 --> 00:00:35,600 So we're going to go through it. 12 00:00:35,640 --> 00:00:38,360 We're going to do our best to install just one thing at a time. 13 00:00:38,460 --> 00:00:43,470 But sometimes it's you know it might save us a little bit to install two things simultaneously because 14 00:00:43,500 --> 00:00:45,730 you know sometimes it's just a long download. 15 00:00:46,060 --> 00:00:47,340 Anyways let's get started. 16 00:00:47,340 --> 00:00:55,260 The first thing I'm going to do is open up my browser and just because I'm on Windows I'm going to use 17 00:00:55,260 --> 00:00:56,080 Internet Explorer. 18 00:00:56,100 --> 00:01:01,390 No reason in particular but I am going to use Google rather than being. 19 00:01:01,890 --> 00:01:07,540 All right so the first thing we're going to install is the java JDK or you know really STK But what 20 00:01:07,540 --> 00:01:08,210 are JDK. 21 00:01:08,220 --> 00:01:09,730 Sure. 22 00:01:09,780 --> 00:01:11,260 This is not a. 23 00:01:11,450 --> 00:01:13,770 So we're going to search for Java SDK. 24 00:01:13,770 --> 00:01:16,620 This is not necessarily a prerequisite for re-act native. 25 00:01:16,620 --> 00:01:19,710 This is really a prerequisite for running Java apps of any type. 26 00:01:19,710 --> 00:01:21,870 Or excuse me Android apps of any type. 27 00:01:22,290 --> 00:01:24,320 So I'm going to search for Java SDK. 28 00:01:24,360 --> 00:01:25,940 And then the first result. 29 00:01:25,980 --> 00:01:30,090 Java Sea dash downloads will go there. 30 00:01:30,450 --> 00:01:35,860 Now on this page there is a very prominent download button to download Java platform JDK. 31 00:01:36,090 --> 00:01:37,340 I'm currently in version 8. 32 00:01:37,380 --> 00:01:40,920 If there is a more recent version no problem go for it. 33 00:01:41,220 --> 00:01:41,780 So we are. 34 00:01:41,820 --> 00:01:44,460 We will download at the next page. 35 00:01:44,460 --> 00:01:49,600 We need to select the operating system that we are downloading this JDK for. 36 00:01:49,800 --> 00:01:56,880 So on the Java as the development kit right here I will first accept the license agreement and then 37 00:01:56,880 --> 00:01:59,470 I will find a selection for Windows 64. 38 00:01:59,600 --> 00:02:04,840 So sure right here let's install it and we get prompted to run this thing. 39 00:02:04,860 --> 00:02:06,650 Yep sounds great. 40 00:02:07,860 --> 00:02:12,810 And again I know we could start off another installation of all these things downloading but I really 41 00:02:12,810 --> 00:02:14,900 wanted to to as much as possible. 42 00:02:14,900 --> 00:02:21,040 Run one thing at a time because otherwise it gets confusing because of just clicking all over the place. 43 00:02:21,150 --> 00:02:24,900 So after the download is finished we all start up the installation 44 00:02:30,030 --> 00:02:30,920 and there we go. 45 00:02:30,930 --> 00:02:33,190 So next I mean you know the deal. 46 00:02:33,210 --> 00:02:34,240 You know the drill. 47 00:02:34,320 --> 00:02:39,540 Next next next next next and we are done with the installation 48 00:02:42,990 --> 00:02:46,150 if you see a destination folder pop up right here that's no problem. 49 00:02:46,150 --> 00:02:46,930 Just click next. 50 00:02:46,950 --> 00:02:48,510 All also. 51 00:02:48,810 --> 00:02:53,800 And finally we are actually installing the library and it should just take a moment or two. 52 00:03:00,850 --> 00:03:02,160 Like I said a moment or two. 53 00:03:02,170 --> 00:03:02,770 There you go. 54 00:03:02,770 --> 00:03:03,740 Fantastic. 55 00:03:03,740 --> 00:03:09,270 So now I've got the Java JDK installed on my system so we'll go ahead and close that. 56 00:03:09,280 --> 00:03:11,450 And we are down step one now. 57 00:03:11,500 --> 00:03:12,950 We still have a lot of steps to go through. 58 00:03:12,970 --> 00:03:14,790 So let's continue going. 59 00:03:14,950 --> 00:03:20,800 The next thing I'm going to install I'm going to first flip back over to Google and I need to go through 60 00:03:20,830 --> 00:03:22,330 the installation of Node. 61 00:03:22,410 --> 00:03:23,420 Yes. 62 00:03:23,500 --> 00:03:24,150 Note Yes. 63 00:03:24,190 --> 00:03:29,920 Is all about running Javascript outside of the browser environment so kind of running it in a desktop 64 00:03:29,920 --> 00:03:31,050 environment dead. 65 00:03:31,240 --> 00:03:37,510 We are installing node for two purposes first because we need to use node to generate our application 66 00:03:37,510 --> 00:03:42,510 bundles that kind of take all the javascript to be right and stuff it down all into one file to serve 67 00:03:42,520 --> 00:03:43,990 up on our mobile device. 68 00:03:44,110 --> 00:03:49,230 And we also use node for package management as well as where we will find just a second. 69 00:03:49,510 --> 00:03:52,110 So after a while I'm going to do a search for node. 70 00:03:52,450 --> 00:03:56,080 I will go click on the link and then you get prompted for a download. 71 00:03:56,080 --> 00:04:01,270 You can either go with the stable download or the current download current version is completely up 72 00:04:01,270 --> 00:04:01,710 to you. 73 00:04:01,750 --> 00:04:07,210 I usually just run with the current version because it has access to all the latest features. 74 00:04:07,210 --> 00:04:12,370 But you know what the heck I'll change things up and go with the current version instead. 75 00:04:12,370 --> 00:04:19,090 So I'm going to download the installer for Windows again Windows 64. 76 00:04:19,180 --> 00:04:21,550 It's a very quick download and. 77 00:04:21,620 --> 00:04:26,330 OK well you know I've already got no word installed here and it's a later version so I guess I already 78 00:04:26,330 --> 00:04:30,140 had 6.6 Sung's get hit OK and kind of be done with it. 79 00:04:30,220 --> 00:04:34,930 Of course if you do not have node installed certainly go through that process again. 80 00:04:34,930 --> 00:04:35,970 So that's it for now. 81 00:04:35,980 --> 00:04:37,590 Very quick install as well. 82 00:04:37,630 --> 00:04:42,420 We're going to move on to one last installation inside this video and then we'll continue in the next 83 00:04:42,420 --> 00:04:42,790 one. 84 00:04:42,790 --> 00:04:46,910 So the last thing we're going to look for is flip back over to Google again. 85 00:04:47,320 --> 00:04:53,950 And the last thing to look for is Python to search for Python 2. 86 00:04:53,980 --> 00:04:58,640 And here's my download link right here download Python Python dot org. 87 00:04:59,650 --> 00:05:05,770 And very promptly we are prompted for download the latest version for Windows we want version 2 of Python 88 00:05:05,770 --> 00:05:07,610 not version 3 version 2. 89 00:05:08,080 --> 00:05:11,010 So I will download Python run it. 90 00:05:13,780 --> 00:05:19,690 And just like node I believe I already have this installed on my system so it might just give me a quick 91 00:05:19,690 --> 00:05:22,890 air but we'll see what we'll see what the result is. 92 00:05:25,010 --> 00:05:25,630 And OK. 93 00:05:25,650 --> 00:05:30,090 Yeah I've already got Python installed so it's prompted me to change repair or move. 94 00:05:30,140 --> 00:05:35,480 If you do not have Python installed again are you going to have to do is hit that next next next and 95 00:05:35,480 --> 00:05:36,660 you're good to go. 96 00:05:37,220 --> 00:05:41,690 OK so I know that I said that this was the last thing we're going to install but there are it's just 97 00:05:41,690 --> 00:05:46,350 one last thing that I want to start up for installation because it's going to save us a lot of time 98 00:05:46,350 --> 00:05:47,680 in the next section. 99 00:05:47,720 --> 00:05:57,970 So again over at Google I'm going to do a search for Android studio download and they're very prominently. 100 00:05:57,980 --> 00:05:59,690 Again you know it's fantastic. 101 00:05:59,710 --> 00:06:06,020 Thank goodness these are all the first links that pop up we find download India Android studio and SDK 102 00:06:06,020 --> 00:06:07,280 tools. 103 00:06:07,280 --> 00:06:12,110 So we'll click on that link and then very prominently on here just a little bit down the page is download 104 00:06:12,120 --> 00:06:13,350 Android studio. 105 00:06:13,640 --> 00:06:15,270 So we'll start this download off. 106 00:06:15,480 --> 00:06:21,410 And as you see this is not an instant download this is 1.6 gigabytes large So there's a lot of stuff 107 00:06:21,410 --> 00:06:23,210 to have to pull in here. 108 00:06:23,450 --> 00:06:28,730 So we will start up the download process for the Android studio and let's continue in the next section 109 00:06:28,850 --> 00:06:30,960 and start installing the Android studio