Install & Build Your First React Native Project in 20 minutes

Tulisan ini akan membantu Anda untuk menginstall react-native dan build project react-native pertama Anda. Disini saya menggunakan react-native CLI didalam file bat untuk melakukan instalasi dan build project.

For Ubuntu

•  Download file shell script disini kemudian jalankan file pada command prompt

For Windows 

• Install android studio
• Setting PATH pada environment variable

• Pastikan anda sudah menginstall wget pada komputer. Download disini untuk menginstall wget. Kemudian copy paste wget.exe yang sudah terdownload ke dalam folder C:\Windows\System32
• Setting hp Android anda dengan developer mode dan aktifkan USB Debugging pada developer options kemudian hubungkan hp Android dengan komputer atau siapkan emulator android Anda.
• Pastikan anda sudah bisa menjalankan adb devices untuk mengecek devices atau hp Android yang terhubung ke komputer.

• Buka command prompt lalu copy-paste script berikut untuk mendownload file batch script
wget -c https://gitlab.com/riskadesrianti23/AwesomeProject/raw/master/MyApp/react_install.bat
wget -c https://gitlab.com/riskadesrianti23/AwesomeProject/raw/master/MyApp/create-react-project.bat
• Masuk command line as Administrator, change direktori dimana file bat Anda disimpan kemudian jalankan file react-install.bat untuk instalasi react native
• Masih pada command line, jalankan file create-react-project.bat 

• Untuk menjalankan project yang sudah dibuat ketikkan command dibawah ini
react-native run-android

Nodejs Installation

Untuk menginstall react native kita harus melakukan instalasi nodejs terlebih dahulu agar kita dapat menggunakan react-native CLI.

Windows :
Pertama-tama Anda harus mendownload nodejs terlebih dahulu, kemudian melakukan instalasi nodejs. Anda harus merubah INSTALLDIR sesuai dengan direktori Windows Anda.

wget https://nodejs.org/dist/v8.9.4/node-v8.9.4-x64.msi 

"node-v8.9.4-x64.msi" ACCEPT=YES INSTALLDIR="C:\Program Files\nodejs\" /qb

Ubuntu:

sudo apt-get install nodejs
sudo apt-get install npm
sudo apt install adb

Install React Native CLI

Install react native dan react native CLI

npm install -g react-native

npm install -g react-native-cli

Creating React Native Project

Masukkan nama project Anda kemudian react-native init namaProject 

set /p project=
react-native init %project%

Build and run project into your android

react-native run-android

Screen yang akan tampil