Okay. Enough of the introduction. You’ll get to know more about it when we continue this tutorial.
Installing React Native
To get started, you need to set up react native in your machine. In this tutorial, we focus mainly on windows set up. To set up react native, first set up java in your machine. So, download java jdk and install it and set the java path.
Then download and install node js into your machine.
It is better to use the recommended version of node than latest version.
You have few more things to do to set react native up completely. Now download and install a recommended version of python in your machine
After you installed node in your machine, you can use npm command. npm command is very useful, when you develop react native apps. You gonna need Python to compile your source code and serve it during development mode.
Now download android studio latest version and install it in your machine
You have one more thing to do to set all up. You need to install react native CLI. Otherwise, react native command will not work. Open command line as administrator and run this command “npm install -g react-native-cli“. Make sure you have an internet connection when you run this command.
Building the App
Now you are all set up. So, let’s build our first app. Go to a folder where you want to place your project in your machine and open CLI there. Now, run this command “react-native init ProjectName“.
Here, you can add any name you want for the part ‘ProjectName‘. It is going to be the name of your app. When you install the app in your mobile, that name is going to be displayed as the name of your app. You can change that name after you built your app. You’ll learn about it in a later tutorial. Make sure you have an internet connection when you run this command as well because you have some components to be downloaded when you build your app. After few minutes, your app will be built completely and you will have a folder with the same name of your project name. Inside that folder, there are some folders and files.
You’ll learn about them in the next tutorial.
You can install this app install in your mobile after some more tasks are done. That app is the default app which react native provides us and and it has a welcome user interface. To create your own UI, you have to use an editor to edit the files inside the project folder. You’ll learn how to do that, in the next tutorial.
Food for thought: Zip and download files directory from Amazon S3 with Laravel