React Native Expo setup in 2024 [NEW]

[Music] hello amazing developers and welcome to the rising tide I am darington and I am thrilled to have you yet for another exciting tutorial whether you're diving into Mobile development for the first time or you're looking to enhance your skills you're at the right place today we will be diving into the world of reative development with Expo in 2024 so before we get started you need to make sure that you have no chairs on your computer to check to check if you have it simply open the terminal by searching for terminal on your machine or pressing the command control RT to open it once you have it open let me zoom in a little bit once you have it open need to type the commands node hyph V check if you have node installed now if you don't have node simply go to nodejs.org I'll link it in the description and download node for your for your computer that is if you're using Windows however if you're using an uh a Linux distribution like myself what you're going to do is you're going to type the command sudo app install no JS now I already have it installed so it's just going to skip through it now if you don't have it install it's going to install node however if you're if you're using an older version of node GS what you'll notice is that you have something when you type node hph V you have something like node version 10.0 or something what you have to do is you need to type sudu npm install iPhone g n now n is the package manager that is in that is responsible for migrating the different node versions so I already have any installed so with any what you need to do is say n sudo and stable this will upgrade your node version to the latest table version of node that is available at the time of recording this video the latest version is no 20.11 which is what I'm using currently but for you it's going to upgrade it to the latest T version so once you have node and npm installed on your machine what you're going to do next is you're going to navigate to your project directory this is the folder where you want to create your project so I'm going to do so by saying CD into document folder have a folder code code and a folder code mobile inside this is where I'm going to be working this is my project directory as you can see this Mt so once you at your project direct you need to run the command npx create Expo app and you give it the name of the app I'm just going to call my my app so this is the command that is responsible for uh downloading all the necessary dependencies for your mobile application and setting up or your local repository as you can see mine is downloading so you just need to this may take some few minutes so I'm going to pause the recording here and I'm going to come back once T finished downloading okay so the installation process has completed as you can see it says your project is ready and it gives you the commands you need to start running Expo so what I'm going to do is I'm going to say CD into my app and as you can see it has bu created all these files I'm going to run code period this is going to open the app in my code editor my default code editor for me it is vs code let me zoom in a little bit for you guys so what we'll do now is we're going to open the terminal by clicking terminal new terminal or using the shortcut Contra shift til open the terminal once you have the terminal or you're going to run the server by running the command yarn start what I love to do is I love to use yarn as my package manager instead of npm because uh it is generally faster and is it is a better package manager than npm so I prefer using Yar for to run my servers so we to run y start and hit enter now this is going to compile all the all your project and then it's going to run it so just give that a minute as you can see that's finished building the application it's giving you all these commands you need to run the app on your different the devices so for this tutorial we will be connecting it directly to our mobile device uh you can also use an emulator such as Android Studio to run it on your device on your Android emulator all what is left for you to do now is open your Google Play Store and search for the Expo app once you have it installed you're going to install the app once you have it installed you're going to open the app and click on scan code now once you hit the scan code button it's going to open the camera it's going to show you the QR code so you so what you do now is you come to your running server and then you just scan this QR code that is running right now let me when you scan it it's going to uh build the app for the bundle the app for that particular device so since this development this a development server is going to reu for the particular device so you can test during the VB this may take several minutes so I'm going to pause the recording here and I'm going to come back in a few minute once that has completed as you can see the building has completed on my device it took this amount of time for to finish building wondering what the dependen is for my phone and yeah that is everything uh what you notice is once the app started you see something like some default text such as open up CHS start working on your app this is like your rout of the app so if you want want to start building you just need to come and start modifying this file and creating your own photos and files when necessary well that is all for this video please like if you have any questions please comment down below there's a link to a Discord server down in the description please feel free to ask your questions down there I will personally reply to all questions that have being asked in the Discord server thank you very much for watching and I'll see you in the next one bye

Channel: Rising tide

Views: 3,127

Keywords: expo, react native, software development, mobile application, react native tutorial, react native app, react native vs flutter, react native tutorial for beginners, react native expo

Id: CLWinZEw11o

Length: 8min 40sec (520 seconds)

Published: Thu Jan 18 2024