Basic React Native Part 1 - Persiapan Development

React Native Dec 26, 2019

Teknoogi saat sangat cepat sekali berkembang salah satu dilihat  dari bermuncul - munculnya jenis - jenis Handphone terbaru dengan fitur - fitur teknologi yang canggih. Baik kecanggihan dari segi teknologi yang digunakan atau adanya aplikasi -aplikasi pintar sudah tertanam pada Handphone tersebut.

Aplikasi - aplikasi mobile juga berkembang dengan sangat cepat berdasarkan bermuncul - muncul aplikasi seperti gojek, toko online dan lainnya. Selain itu bisa lihat dari banyaknya orang yang mempelajari pemogramman komputer salah satu pemogramman aplikasi mobile. Berdasarkan bermuncul - muncul berbagai jenis kumunitas, lembang kursus atau pelatihan yang menawarkan pembelajaran berbagai pemogramman termasuk salah satunya adalah pemogramman mobile.

Pada Serial Basic React Native ini kita akan belajar dasar - dasar untuk membuat aplikasi android dengan bahasa pemogramman Javascript dan menggunakan framework React Native . Javascript merupakan bahasa pemogramman yang dapat berjalankan diberbagai platfrom, baik untuk website, dekstop serta mobile.

React Native adalah merupakan suatu cross-platform framework yang dibuat oleh Tim Facebook untuk membuat mobile app(android & ios) dengan menggunakan JavaScript. Documentation React Native.

Persiapan Development

Toturial ini dibuat menggunakan system operation linux, untuk windows mohon menyesuaikan saja.

Install NodeJs

NodeJs merupakan sebuah perangkat lunak yang bertujuan untuk melengkapi peran Javascript agar dapat berjalan dari sisi server.Anda bisa lihat website resmi Documentation NodeJs

Anda bisa lihat website resmi Documentation NodeJs

# Untuk Mengupdate Repository
sudo apt update

# Untuk Menginstall NodeJs
sudo apt install nodejs

# Untuk Mengecek Versi NodeJs
nodejs -v
Install NodeJs
1
Install NodeJs
Versi NPM
Mengecek NodeJs

Install NPM

NPM(Node Package Manager) merupakan tool dari Nodejs. Documentation

# Untuk Menginstall NPM
sudo apt install npm

# Untuk Mengecek Versi NPM
npm -v
Install NPM
3
Install NPM
4
Mengecek NPM

Install Java JDK

Anda bisa lihat website documentation resmi Java JDK. Documentation Java JDK

# untuk menginstall openjdk dan openjdk-jre
sudo apt install openjdk-8-jdk openjdk-8-jdk-headless openjdk-8-jre

# untuk mengecek JDK
javac -version

# untuk mengecek JRE
java -version
Install Java JDK
5
Install JDK & JRE
6
Mengecek JDK
7
Mengecek JRE

Install Android Studio

Android Studio dihanya digunakan untuk menginstall Android SDK karena React Native perlu Android SDK untuk Compile aplikasi android.

Download Android Studio For Linux
Download Android Studio For Linux
  • Ekstrak File Hasil Download ke Folder /opt .  Kemudian masukan folder lokasi hasil download menggunakan terminal cd /NamaFolder
8
Masuk ke Folder Hasil Download Android Studio
  • Selanjutan Ekstrak File.
 sudo tar xvzf android-studio-ide-191.6010548-linux.tar.gz
Ektrak File Android Studio Ke Folder /opt
9
Ektrak File Android Studio Ke Folder /opt
  • Pindahkan Folder hasil Ekstrak android-studio
10
Pindahkan File
  • Masukan Ke Folder /opt/android-studio/bin
11
Masukan Ke Folder /opt/android/studio/bin
  • Berikan Izin ke File studio.sh
12
Memberikan Izin ke File studio.sh
  • Jalankan Android Studio
13
Jalankan Android Studio
  • Setelah itu akan nampilkan dialog seperti berikut dan pilih Do not import settings setelah baru klik ok.
13
Pilih Do not import settings
  • Tampilan Loading Android Studio
14
Loading Android Studio
  • Setelah itu akan muncul dialog seperti dibawah ini diklik Next.
15
Pilih Next
  • Install Type Pilih Standard
16
Pilih Standard Kemudian Pilih Next
  • Silakan pilih sesuai keinginan anda
17
Pilih Theme dan Klik Next
  • Setelah itu akan tampil dialog seperti berikut, maka anda tinggal klik Next setelah itu tampil dialog selanjutnya anda klik Finish dan tunggu hingga proses Download hingga selesai, ketika selesai klik Finish lagi.
18
Pilih Next
20
Klik Finsih
  • Setelah Proses Download Finish, maka tunggu sebenar hingga tampil dialog seperti berikut.
21
Tampilan Menu Android Studio
  • Setelah Tampil Dialog seperti diatas, maka anda klik Configure kemudian SDK Manager
22
SDK Manager
  • Kemudian akan tampilan dialog SDK Manager, Pertama klik centang Show Package Details berada dibagian bawah sebelah kanan anda. Kemudian untuk pada Tab SDK Platforms install versi SDK Android sesuai dengan HP anda atau jika mau di install semua tidak masalah, install seperti yang dicentang seperti digambar bawah ini.
Android SDK dan SDK Platforms
  • Kemudian untuk Tab SDK Tools install seperti dicentang digambar bawah ini.
24
SDK Tools

Kemudian Klik Apply dan Ok  kemudian tunggu  proses Downloading selesai setelah itu klik Finish

Klik Apply
Klik OK
Klik Finish
Klik Ok Untuk Mengakhiri

Demikian untuk part 1 ini cukup disini dulu, masih ada yang perlu dipersiapkan setelah menginstal beberapa package diatas yaitu proses instalasi react native pada tutorial part 2.

Wandi Pratama

Saya seorang Developer Mobile menggunakan Framework React Native dan saya juga memiliki pengalaman dibidang SYS Admin. Jasa menerima jasa pembuatan aplikasi dan website https://pindahdigital.com