Membahas Tentang React Native – Apa itu React Native?

Sebelum kita membahas tentang apa itu react native, kita kenalan dulu dengan jenis aplikasi mobile. Secara umum, aplikasi mobile dibagi menjadi 3 macam, yaitu :

1. Native
2. Web
3. Hybrid

Mobile Native adalah aplikasi mobile yang dikembangkan dengan bahasa pemrograman yang spesifik untuk platform tertentu. Contoh : Swift untuk platform mobile IOS dan Java SDK untuk platform mobile Android Mobile Web adalah Aplikasi mobile yang dikembangkan dengan bahasa pemrograman berbasis web dan dijalankan menggunakan browser yang ada di handphone. Adapun komponen pendukungnya, misalkan database, css, javascript dll. Mobile Hybrid adalah aplikasi mobile yang dikembangkan dengan bahasa pemrograman berbasis web yang ditransformasikan menjadi kode native pada platform seperti iOS atau Android. Beberapa tools untuk mengembangkan aplikasi hybrid antara lain Phonegap, Rubymotion dan lain-lain. Jadi singkatnya React Native adalah sebuah Framework berbasis javascript untuk membangun aplikasi mobile android dan ios. Terus kenapa kamu perlu mempelajari React Native?

1. Cross Platform.
2. Learn once, write anywhere.
3. Fast Refresh.
4. Supported by community.

Ini adalah contoh aplikasi yang menggunakan React Native : Cara Install React Native di MAC OS – Android Environment Setup :

1. Install Homebrew

Install Homebrew, Node.js dan Watchman. Note : instalasinya cukup sekali dan caranya dapat lihat di slide Mac OS – IOS

2. Install Java – Homebrew, copy paste code berikut : brew cask install adoptopenjdk/openjdk/adoptopenjdk8 – Atau download dari situs java oracle

3. Install Android Studio – install Android SDK – install Android SDK Platform minimal versi 28 – Performance (Intel ® HAXM) – install Android Virtual Device – configure environment variable ANDROID_HOME pada file .bash_profile export ANDROID_HOME=$HOME/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/emulator export PATH=$PATH:$ANDROID_HOME/tools           export PATH=$PATH:$ANDROID_HOME/tools/bin export                 PATH=$PATH:$ANDROID_HOME/platform-tools

Cara Install React Native di WINDOWS OS – Android Environment Setup :

1. Install Chocolatey menggunakan – Copy paste code berikut di CMD @”%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe” -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command “iex ((New-Object System.Net.WebClient).DownloadString(‘https://chocolatey.org/install.ps1’))” && SET “PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin”
2. Install Node JS, Python dan JDK menggunakan Chocolatey – Copy paste code berikut di CMD choco install -y nodejs.install python2 jdk8
3. Install Android Studio – install Android SDK – install Android SDK Platform minimal versi 28 – Performance (Intel ® HAXM) – install Android Virtual Device – configure environment variable ANDROID_HOME [Part 1] :

Buka Control panel -> System and security -> System -> Change settings -> Environment Variables (Lihat gambar di bawah ini). configure environment variable ANDROID_HOME [Part 2] : Create new user variable Configure environment variable ANDROID_HOME [Part 3]: Tambahkan SDK Platform di “Path” System variable ======

Written by :

ADE YAHDJAN As Xsis Academy Trainer