Tutorial React Native Untuk Pemula #Bagian Dasar

Berbicara mengenai platform mobile tak heran kayaknya di era digital sekarang dimana konten begitu bertebaran baik di playstore maupun di appstore. Tapi tetap saja kebutuhan akan pengembang aplikasi mobile sangat minim terutama di lingkup platform IOS yang notabene pengguna devicenya tidak sebanyak di android. Pasalnya untuk membuat aplikasi berbasis iphone kamu harus belajar terlebih dahulu tentang objective-c ataupun swift.

Berbeda dengan platform android yang sudah umum dan mudah untuk dipelajari. Tetapi kebutuhan akan permintaan client tentu saja berbeda-beda dimana terkadang anda di tuntut untuk membuat aplikasi yang berjalan pada platform android dan ios.

Dari sini tentu saja perusahaan tempat kamu bekerja akan kelimpungan untuk mencari pengembang yang bisa membuat aplikasi untuk platform ios, karena memang sangat sulit mencari SDM untuk spesialis ini. Dari sini muncullah teknologi buatan dari facebook, dimana hanya dengan satu pengembang mobile, aplikasi dapat di compile dan berjalan di 2 platform yaitu android dan ios.

Kalau semisal ada pertanyaan bung..bung. aplikasi apa saja sih yang dibangun menggunakan react native ?… Jawabannya sederhana. kamu tidak perlu untuk ragu lagi ketika ingin beralih profesi menjadi developer mobile dengan react native. Untuk lebih jelasnya mungkin bisa dilihat gambar dibawah ini:

Ribuan aplikasi canggih yang di bangun menggunakan React Native telah banyak bertebaran, dari perusahaan Fortune 500 yang mapan ke perusahaan baru yang baru. Jika Anda penasaran untuk melihat apa React Native dapat dicapai, periksa aplikasi pada gambar di atas, dan itu hanya sebagian yang saya tampilkan diatas.

Tidak usah banyak teori lagi.. kali ini kita akan langsung menggunakan react native untuk pengambangan di ranah mobile.

#Persiapan Awal

Ada beberapa peralatan dan sedikit konfigurasi yang kamu butuhkan untuk membuat aplikasi dengan react native.

( Baca : 7 Emulator Android Terbaik Dan Teringan di Tahun 2018 )

(Baca : 7 Text Editor Populer di Tahun 2018 )

#Pemasangan Komponen

1. instal JAVA JDK

2. install android studio

3. Install Emulator Leapdroid

4. Install Chocolatey

5. Install NodeJS

6. Install Python

7. Dan terakhir Install React Nativenya

buka command promt ketikan npm install -g react-native-cli

ketik perintah npm -v untuk melakukan pengecekan apakah paket berhasil terpasang pada komputer kamu.

#Pengaturan Android Studio

Kamu perlu sedikit melakukan beberapa pengaturan terkait android studio di sini. diantaranya yaitu pemasakan paket-paket pendukung, disini ada beberapa paket yang kamu butuhkan diantaranya :

  1. Android SDK
  2. Android SDK Platform
  3. Intel HXM dan
  4. Android Virtual Device

Pastikan kamu terkoneksi dengan internet yang stabil. Karena paket paket yang dibutuhkan akan langsung di download dari internet.

#Pengaturan Android Home

Pengaturan ini bersifat wajib jika kamu ingin membuat aplikasi dengan platform android. caranya cukup mudah sekali yaitu:

  1. Buka Control panel Windows
  2. Masuk System and Security
  3. Pilih System
  4. Pilih Advenced System Settings
  5. Tambahkan Environment Variablesnya
  6. Klik New Kemudian tuliskan ANDROID_HOME Pada kolom variable name
  7. Pada variable valuenya pilih direktori android SDK yang telah kamu download

dan…selesai. mudah bukan cara konfigurasi android home dalam windows.

#Membuat Project React Native

Dalam belajar react native tentunya diawali dengan pembuatan project terlebih dahulu.

ketikkan perintah seperti berikut

react-native init nama_projectkamu. semisal saya ambil contoh seperti ini. react-native init cekpulsaapp

Dari sini maksud perintah diatas yaitu berisi pembuatan project cekpulsaapp dengan react native.

Jangan lupa arahkan direktori pada project yang tadi kita buat yaitu cekpulsaapp caranya :

cd /cekpulsaapp. ketikkan perintah react-native run android kemudian tekan enter. Pastikan anda sudah terkoneksi dengan internet, karena dari perintah tadi akan melakukan download paket yang dibutuhkan sebagai pendukungnya.

Jika download telah berhasil maka sekarang lihat pada emulator anda. maka akan muncul tulisan welcome to react native!.

Nah.. jika sudah berjalan pada emulator lepadroid kamu, selanjutnya tinggal menuliskan code react native pada text editor sublime text.

#Kesimpulan

Dengan mempelajari react native kamu dapat membuat aplikasi yang benar-benar real native, berbeda dengan kamu mempelajari pembuatan aplikasi mobile dengan cordova, karena cordova bersifat web non real native. Kemudian kamu juga bisa mengcompile code aplikasi yang kamu buat kedalam berbagai platform diantaranya platform android dan platform ios. facebook juga sedang melakukan pengembangan agar aplikasi yang kamu buat juga bisa di jalankan menggunakan platform windows mobile.

Sekian artikel dari initekno.com. semoga bermanfaat buat pembaca.

 

You May Also Like

About the Author: admin initekno

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *