Basic React Native Part 1 - Persiapan Development

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 NPM

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

# Untuk Menginstall NPM
sudo apt install npm

# Untuk Mengecek Versi NPM
npm -v

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 Android Studio

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

• Download Android dari Website Resmi

• Ekstrak File Hasil Download ke Folder /opt .  Kemudian masukan folder lokasi hasil download menggunakan terminal cd /NamaFolder

• Selanjutan Ekstrak File.

 sudo tar xvzf android-studio-ide-191.6010548-linux.tar.gz

• Pindahkan Folder hasil Ekstrak android-studio

• Masukan Ke Folder /opt/android-studio/bin

• Berikan Izin ke File studio.sh

• Jalankan Android Studio

• Setelah itu akan nampilkan dialog seperti berikut dan pilih Do not import settings setelah baru klik ok.

• Tampilan Loading Android Studio

• Setelah itu akan muncul dialog seperti dibawah ini diklik Next.

• Install Type Pilih Standard

• Silakan pilih sesuai keinginan anda

• 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.

• Setelah Proses Download Finish, maka tunggu sebenar hingga tampil dialog seperti berikut.

• Setelah Tampil Dialog seperti diatas, maka anda klik Configure kemudian 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.

• Kemudian untuk Tab SDK Tools install seperti dicentang digambar bawah ini.

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

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.