Bealajar React Native Pemula Installasi dan Menjalakan Pertama Kali

Admin Posted on: 3 bulan yang lalu


React Native merupakan framework native yang cukup populer saat ini. React native berfungsi untuk membuat aplikasi android dengan mudah dengan menggunakan bahasa program javascript. 

 

Install React Native

Untuk menginstall react native ini gampang-gampang susah. Tiap platform cara installasinya berbeda beda. Ane juga untuk menginstall react native ini hampir seharian :).


Tapi sedikit tips dari saya jika kalian menemukan error saat installasi kalian copy saja errornya lalu paste di google akan banyak solusi untuk error itu. Intinya sabar jika menemukan error :)

1. Install Node Js

2. Install NPM atau Yarn

3. Install Android Studo 

Ya walaupun nantinya android studio tidak akan kita gunakan untuk membuat aplikasi jika ingin menggunakan react native tapi syarat untuk menginstall dan mengcompile aplikasi react native kita. 

4. Install Android SDK

Nah karena kita sudah menginstall Android Studio maka kita bisa install android SDK kita di Android Studio. Kalian cukup cari folder android/sdk di komputer kalian karena.

5. Menambahkan direktori ~/Android/Sdk ke dalam file ~/.bashrc, agar perintah android dapat digunakan pada terminal.

 


nano ~/.bashrc

 

Pada bagian akhir tambahkan kode

 


export ANDROID_HOME=/home/semut/Android/Sdk
export JAVA_HOME=/usr/lib/jvm/java-11-openjdk-amd64
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

 

Silahkan sesuaikan directori Sdk nya karena mungkin saat install android studio dan setting sdk nya berbeda

kalian bisa cek dengan perintah!

 


android --version

6. Menginstall React Native

 


sudo npm install -g react-native-cli

Membuat project react Native

 


react-native init AwesomeApp

 

Menjalankan React Native 

Untuk menjalankan react native ini bisa dengan hp android sungguhan yang di colokan USB atau dengan emulator. Disini saya menggunakan android sungguhan dnegan USB.

1. Colokan Hp nya dengan USB.

2. Cek dengan command

 


adb devices

 

Jika sudah konek maka akan muncul kode device yang konek tersebut

 

3. Menjalankan Server React Native

Oke pastikan terminal kalian berada di directori project react native ya..

Perintah menjalankan server react native

 


react-native start

4. Menjalankan react nativenya

 


react-native run-android

 

Oh ya saya sarankan komputer kalian konek dengan internet yang sama dengan hp yang dicolok USB tadi mungkin bisa dengan hostpot dari hp ke komputer.

 

Terakhir mungkin akan banyak error saat install ataupun run intinya sabar aja ya :)