Sunday, October 29, 2017

Buat Fake OLX.co.id pakai React Native

Hallo Semua
Kali ini admin akan coba berbagi tentang react native, sebenarnya apa sih react native ? React Native adalah salah satu framework javascript yang kita gunakan untuk mengembangkan aplikasi mobile. Jika terdahulu anda  mengenal Ionic Framework, Cordova,   maka React Native sangat berbeda dengan Ionic dan Cordova karena dia memang ditujukan untuk membuat aplikasi mobile yang benar-benar real native sedangkan Ionic ditujukan untuk membuat aplikasi Web App yang kerasa sekali perbedaanya dengan native app dari segi kecepatan aplikasi.

 Dengan React Native kita akan merasakan sensasi membuat aplikasi yang sangat mendekati bahkan tidak dapat dibedakan dengan dengan aplikasi native. Ini dikarena library yang tersedia dalam React Native memang ada native nya, jadi aplikasi yang kita buat langsung terintegrasi dengan aplikasi native yang sebenarnya.

React Native di kembangkan oleh facebook, kita bisa lihat contoh react native pada aplikasi facebook di android maupun IoS, begitu juga kita bisa lihat aplikasi Instgram, hampir tak ada bedanya dengan native app kan ? dari segi performa hampir sama.

sekarang ada yang mengatakan kenapa mau beralih ke react native ? apa yang bisa kita dapatkan dengan menggunakan react native ?
1. Sebagai salah duanya alternatif dalam pengembangan aplikasi mobile ios dan android
2. Bahasa yang digunakan untuk pengembangan react native yaitu javascript, dan  dalam belajar javascript tidak susah daripada kita harus belajar java dan swift (belajar layouting di swift itu susah loh).
3. Dokumentasi sudah super lengkap dan banyak tersedia library, apalgi react native dikembangkan juga oleh facebook, bahkan di indonesia sendiri sudah banyak komunitasnya yang siap membantu
4. kita bisa develop 2 aplikasi mobile dalam 1 bahasa.

pertannyaanya bagaimana cari menginstallnya ? apa saja yang kita perlukan ?
yang kita perlukan yaitu :
1. android studio dengan sdk 23 / 25
2. install node js
3. install phyton 2
4. install editor yang biasanya kita pakai develop web (sublime text , notpead ++ , etc)

untuk lebih lengkapnya lihat dokumentasinya disini.
disini juga

cara intallnya gimana ?
install node js https://nodejs.org/en/download/
atau
npm -v
Download Contoh Project : https://github.com/sigidhanafi/react-native-simple-catalog Install React Native
npm install -g create-react-native-app
Masuk ke lokasi folder project di CLI menggunakan cd, Install React di lokasi folder project
npm install -g react-native-cli
cek emulator device dengan cm kalau sudah terdeteksi
adb devices
untuk mejalankan
react-native run-android

List Error
‘adb-devices’ not recognized
Tambahkan PATH di Enviroment Variable : lokasi sdk dan platform-tool
C:\Users\idn\AppData\Local\Android\sdk;
C:\Users\idn\AppData\Local\Android\sdk\platform-tools;
‘react-native’ is not recognized as an internal or external command,
Solusi : React Native belum terinstall,

React Native android build failed. SDK location not found
Go to the android/ directory of your react-native project
Create a file called local.properties with this line:
sdk.dir = /Users/USERNAME/Library/Android/sdk
Where USERNAME is your OSX username
react native you have not accepted the license agreements of the following sdk [Android SDK Platform 23, Android SDK Build-Tools 23.0.1].
Install SDK Build-Toll 23.0.1 di SDK Manager
could not connect to development server
Goyang-goyang -> dev setting -> debug server host &port -> isi ip laptop (cari menggunakan ipconfig) dan port 8081, ex:192.168.1.10



NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner