Difference between revisions of "React native"

From belajarwiki
Jump to navigation Jump to search
(Created page with "Untuk membuat aplikasi mobile di android dan iOS dapat menggunakan react native. ==Requirement== ===Install nodejs=== Sesuaikan dengan versi (di sini versi terbaru adalah 1...")
 
Line 17: Line 17:
  
 
===Install android studio===
 
===Install android studio===
 +
Untuk instalasi bisa langsung download di situsnya, atau jika menggunakan terminal bisa via snap
 +
 +
sudo snap install android-studio --classic
  
 
===Setup react native===
 
===Setup react native===

Revision as of 16:27, 14 February 2022

Untuk membuat aplikasi mobile di android dan iOS dapat menggunakan react native.


Requirement

Install nodejs

Sesuaikan dengan versi (di sini versi terbaru adalah 16.x)

curl -sL https://deb.nodesource.com/setup_16.x -o nodesource_setup.sh
vi nodesource_setup.sh
sudo bash nodesource_setup.sh
sudo apt install nodejs

Jika sudah terinstall, cek versi npm dan node

npm -v
node -v

Install android studio

Untuk instalasi bisa langsung download di situsnya, atau jika menggunakan terminal bisa via snap

sudo snap install android-studio --classic

Setup react native

sudo npm install -g react-native-cli

Buat folder untuk aplikasi react

mkdir react

Di dalam folder tersebut, buat aplikasi (misal nama aplikasinya adalah "hello")

react-native init hello


Running App

Untuk menjalankan program dapat menggunakan emulator atau gadget. Jika menggunakan emulator, download dahulu emulatornya. Jika menggunakan device langsung, setting 'USB debug = active'.

Jika mendapatkan error SDK, dapat membuat file local.properties pada folder 'hello/android/' dan diisi

sdk.dir = /home/USERNAME/Android/Sdk

Langkah menjalankan program

react-native start

Kemudian di terminal lain

react-native run-android

Referensi