Difference between revisions of "React native"

From belajarwiki
Jump to navigation Jump to search
Line 66: Line 66:
 
* https://reactnative.dev/docs/running-on-device
 
* https://reactnative.dev/docs/running-on-device
 
* https://stackoverflow.com/questions/27620262/sdk-location-not-found-define-location-with-sdk-dir-in-the-local-properties-fil
 
* https://stackoverflow.com/questions/27620262/sdk-location-not-found-define-location-with-sdk-dir-in-the-local-properties-fil
 +
* https://packagecontrol.io/packages/Sublime%20ES7%20React%20Redux%20ReactNative%20JS%20snippets

Revision as of 16:19, 6 April 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

Kemudian jalankan aplikasi android studio. Jika tidak menemukan, cari folcer bin di dalam folder android studio (misal android-studio/bin), kemudian run

sudo ./studio.sh

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


Jika ada error Buat file local.properties dan isi dengan

sdk.dir = /home/<user>/Android/Sdk

Pranala Menarik

Referensi