Basic React Native Part 2 - Install React Native

Pada Part 1 kita telah melakukan instalasi Nodejs , NPM , Java JDK, Android Studio dan Android SDK. Pada Part 2 ini kita akan melanjutkan proses Persiapan Development yaitu menginstal framework yang menjadi inti dalam pembuatan aplikasi andorid Sistem Informasi Desaku ini adalah React Native.

React Native merupakan suatu cross-platform framework yang dibuat oleh tim Facebook untuk membuat mobile app (android & ios) dengan menggunakan JavaScript.Cross-platform itu mobile apps yang dibuat dengan bahasa pemograman yang tidak spesifik untuk platform tersebut, contohnya bahasa pemograman JavaScript.

Pada akhir tutorial Part 1 kita selesai menginstal Android Studio dan Android SDK , maka kita akan melanjutkan pengaturan tambahan script ke dalam file ~/.bashrc. Langsung ikut langkah - langkah berikut dengan teliti.

• Masuk ke file ~/.bashrc

nano ~/.bashrc

Masuk Ke File ~/.bashrc

Masuk Ke File ~/.bashrc

• Setalah Masuk Scroll ke arah paling bawah dan tambahkan script berikut.

export ANDROID_HOME=$HOME/Android/Sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:~/npm

Tambahkan Script Di Bagian Paling Bawah

Tambahkan Script Di Bagian Paling Bawah

• Kemudian Tekan Ctrl+x untuk keluar dan tekan y untuk menyimpan setelah itu tekan Enter.

Tekan Y

Tekan Enter

• Setelah tersimpan sekarang kita reload file .bashrc nya

Reload .bashrc

Install React Native

Pada tutorial ini kita akan menggunakan react native cli maka kita akan menginstall  react-native-cli secara global.

• Install Dengan Perintah Berikut Ini

sudo npm install -g react-native-cli

Install React Native Cli

Install React Native Cli

• Saat ini react native telah dapat langsung digunakan tanpa harus menginstal React Native Cli yaitu cukup NPX(Node Package Runner) saja. Namum untuk anda yang masih tahap awal belajar diharap menggunakan React Native Cli terlebih dahulu. Ini langkah - Langkah untuk menginstall NPX.
• Install NPX(Node Package Runner). NPX(Node Package Runner) berfungsi untuk mengeksekusi package Nodejs.

sudo npm install -g npx

install npx

install npx

Setelah selesai menginstall React Native Cli atau NPX jika anda menggunakan NPX. Anda harus pilih salah satu mau menggunakan React Native Cli atau NPX , karena kedua terinstal di komputer atau laptop anda kemungkian akan terjadi Error secara tiba - tiba.

Selanjutkan mencoba hasil penginstalan kita React Native Cli atau NPX dengan membuat sebuah project nanti kedepan kita hanya membuat baru saja ketika ingin membuat aplikasi Androidnya. Berikut Langkah - Langkah diharapkan anda bisa menyesuaikan dan memahami  metode membuat project yang anda inginkan berikut ini.

• Buat Project Dengan React Native Cli

react-native init namafolderproject

React Native Cli

• Buat Project Dengan NPX

npx react-native init namafolderproject

buat project dengan npx dan tanpa install react native cli

namafolderproject merupakan folder yang difungsikan untuk menyimpan file - file project react native yang kita download, karena ketika anda menjalankan perintah ini react-native init namafolderproject secara otomatis akan mendownload file - file project react native yang dibutuhkan dan pastikan komputer atau laptop anda terkoneksi dengan internet.

• Selanjutnya kita akan membuat project untuk belajar basic - basic react native dan kita akan menggunakan metode buat project dengan React Native Cli kemudian untuk Nama Folder Project, kita beri nama BelajarBasicRN

Metode React Native Cli

• Setelah kita jalankan perintah react-native init DesaKu akan terjadi proses Download Package , maka pastikan komputer atau laptop anda terkoneksi dengan internet dan silakan tunggu proses download hingga selesai.

Proses Download Package

• Setalah proses Download selesai, maka kita akan masuk ke folder BelajarBasicRN. Untuk masuk ke folder menggunakn terminal linux, kita menggunakan Syntax cd /namafolder kebutuhan nama folder project kita BelajarBasicRN maka ikuti perintah berikut ini.

cd BelajarBasicRN/

Masuk ke Folder BelajarBasicRN

Masuk ke Folder DesaKu

Demikian untuk Tutorial Part 2 ini akan kita lanjutkan di Tutorial Part 3.

Catatan: tulisan ini dipindahkan dari cloudborneo.com, terbit pertama 26 Desember 2019.