DEV Community

sandatya widhi
sandatya widhi

Posted on

01. INSTALASI & KONFIGURASI TOOLS

Ada berbagai alternatif selain Java yang dapat digunakan untuk mengembangkan aplikasi Android.

Salah satunya adalah React Native.

Dalam kesempatan ini, kita akan mengenal React Native serta menyiapkan semua kebutuhan untuk mempelajari cara membuat aplikasi menggunakan framework ini.

Apa itu React Native?
React Native adalah framework JavaScript yang dikembangkan oleh Facebook untuk membangun aplikasi Android dan iOS.

Apa perbedaannya dengan framework lain seperti Ionic?
React Native mengompilasi aplikasi langsung ke dalam kode native Android dan iOS, sedangkan Ionic menjalankan aplikasi dalam sebuah browser yang dibungkus dalam aplikasi.

Mana yang lebih baik?
Menurut saya, React Native lebih unggul karena kinerjanya setara dengan aplikasi native.

Contoh aplikasi yang dibuat dengan React Native:
Beberapa aplikasi populer yang menggunakan React Native antara lain Facebook, Instagram, Skype, Pinterest, dan lainnya.

Image description

Persiapan untuk Belajar React Native
Berikut adalah beberapa hal yang perlu disiapkan sebelum mulai belajar React Native:

  1. Menginstal Node.js Hal pertama yang harus tersedia di komputer adalah Node.js. Node.js merupakan runtime yang memungkinkan eksekusi kode JavaScript di luar browser. Silahkan gunakan versi 18.20.6, berikut link download aplikasinya : https://nodejs.org/en/blog/release/v18.20.6 . CARI yang ekstensinya .msi Jika sudah terinstal maka selanjutnya pastikan Node.js terinstal dengan mengecek versinya dengan memasukkan perintah berikut di cmd
node -v

Enter fullscreen mode Exit fullscreen mode
  1. Menginstal Andorid Studio (Opsional)
    Karena size aplikasi ini besar diperbolehkan untuk menginstal atau tidak.
    Android studio ini nantinya akan digunakan untuk membuat emulator agar aplikasi bisa diview dalam tampilan mobile.

  2. Menginstal React Native
    Menggunakan Expo CLI (Mudah, tidak perlu Android Studio)
    Jalankan perintah ini di Command Prompt (CMD) atau PowerShell:

npm install -g expo-cli

Enter fullscreen mode Exit fullscreen mode

Jika perintah diatas berhasil dijalankan seharusnya muncul keterangan sebagai berikut :

npm WARN deprecated [email protected]: This version of npm is no longer supported.
npm WARN deprecated [email protected]: This version of npm is no longer supported.
npm WARN deprecated [email protected]: This version of npm is no longer supported.
+ [email protected]
added 150 packages from 95 contributors in 12.345s

Enter fullscreen mode Exit fullscreen mode

Setelah itu, Anda dapat memverifikasi instalasi dengan menjalankan perintah expo --version untuk memastikan bahwa Expo CLI telah terpasang dengan benar di sistem Anda.

Top comments (0)