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 NodeJs

Install NodeJs

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

Install NPM

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

Install JDK & JRE

Mengecek JDK

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 dari Website Resmi

Download Android Studio For Linux

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

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

Ektrak File Android Studio Ke Folder /opt

• Pindahkan Folder hasil Ekstrak android-studio

Pindahkan File

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

Masukan Ke Folder /opt/android/studio/bin

• Berikan Izin ke File studio.sh

Memberikan Izin ke File studio.sh

• Jalankan Android Studio

Jalankan Android Studio

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

Pilih Do not import settings

• Tampilan Loading Android Studio

Loading Android Studio

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

Pilih Next

• Install Type Pilih Standard

Pilih Standard Kemudian Pilih Next

• Silakan pilih sesuai keinginan anda

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.

Pilih Next

Klik Finsih

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

Tampilan Menu Android Studio

• Setelah Tampil Dialog seperti diatas, maka anda klik Configure kemudian SDK Manager

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.

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.

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