1 00:00:02,270 --> 00:00:07,850 For this, I'll create a brand new project again with expo, expo init and then a name of your choice and 2 00:00:07,880 --> 00:00:13,040 I'll name it rn-complete-guide because in the end, this is a complete React Native guide which you've 3 00:00:13,040 --> 00:00:16,790 got here and I'll start with the blank template here, so that 4 00:00:16,810 --> 00:00:22,700 first option in my case here. Regarding the name, I'll name this rn guide but you can choose any name you 5 00:00:22,700 --> 00:00:29,570 want here, simply hit enter and I'll go with npm, not with yarn and now just as in the first course section, 6 00:00:29,570 --> 00:00:33,390 this will create a new project and set up a React Native app in there. 7 00:00:33,410 --> 00:00:37,120 So let's wait for this to finish and with it finished, 8 00:00:37,120 --> 00:00:44,040 you could follow these instructions but I'll not do this here, instead here I am back in Visual Studio 9 00:00:44,100 --> 00:00:49,020 Code, still with my first app from the first section opened and I'll open the new one now, 10 00:00:49,030 --> 00:00:53,750 the one we just created and here is the project opened up in Visual Studio Code. 11 00:00:53,760 --> 00:00:58,660 I walked through all the core files and folders we have here in the first course module, so I'll not repeat 12 00:00:58,660 --> 00:00:59,770 this here 13 00:00:59,970 --> 00:01:05,820 and with that opened up here in Visual Studio Code, I'll now actually go to the menu and then choose terminal, 14 00:01:05,820 --> 00:01:12,420 new terminal to open up my system terminal or system command prompt depending on which operating system 15 00:01:12,420 --> 00:01:15,270 you're working on here in the IDE, 16 00:01:15,300 --> 00:01:21,660 so that's your normal command prompt, your normal terminal just integrated into the IDE and already 17 00:01:21,660 --> 00:01:26,220 navigated into that project folder, so you don't need to use cd to navigate anywhere else 18 00:01:26,290 --> 00:01:30,520 and now here I'll run npm start and this will do the same as if I would have run it here, 19 00:01:30,590 --> 00:01:37,230 the difference is now I always see errors or any log messages directly here in the IDE which is more 20 00:01:37,230 --> 00:01:38,630 convenient to work with. 21 00:01:38,700 --> 00:01:44,360 We still got that process which you should keep on running to get these live updates when you save something. 22 00:01:44,370 --> 00:01:50,130 You see the commands you can type here or the shortcuts you can press to launch your app on emulators 23 00:01:51,260 --> 00:01:59,030 and you also have that browser tab up and running here for your application, the expo dev tools. 24 00:01:59,030 --> 00:02:05,060 Now I got two emulators up and running here, Android and iOS, you don't need that of course but I want 25 00:02:05,060 --> 00:02:07,380 to show you how this app runs on both 26 00:02:07,440 --> 00:02:15,240 and I can run this app on Android by pressing a here in the terminal and I can run it on iOS too by 27 00:02:15,240 --> 00:02:18,180 pressing I and I did both here. 28 00:02:18,180 --> 00:02:23,450 Alternatively, we could have used these buttons here in the expo dev tools in the browser. 29 00:02:23,610 --> 00:02:29,430 So now this is launching the app here on these devices, on the Android and iOS simulator and I'll be back 30 00:02:29,430 --> 00:02:32,420 once it is finished because the first launch always takes a bit longer, 31 00:02:32,460 --> 00:02:39,830 subsequent rebuilds, reloads are way faster of course and here, we get that starting app running on 32 00:02:39,830 --> 00:02:41,560 these emulators. 33 00:02:41,700 --> 00:02:47,960 Now in case that looks a bit different for you, attached you find my starting project in exactly the 34 00:02:47,960 --> 00:02:51,170 same way I have it here so that you can also use that, 35 00:02:51,170 --> 00:02:53,820 replace the files in your project with mine 36 00:02:53,990 --> 00:02:57,920 and then if you run npm start, get this look here. 37 00:02:57,920 --> 00:03:02,030 So this is the starting project we'll now build up on and we'll now work on.