Basic React Native With API Lumen FrameWork

Selamat Pagi :) Semoga hari ini lebih baik dari kemarin.

Kali ini aku akan membagikan sedikit pengetahuan yang aku punya. Nah, kali ini aku gak bahas Android Studio dulu ya. Pada tulisan kali ini aku akan sedikit membahas tentang React Native.

Jadi React Native adalah sebuah framework yang dibuat oleh Facebook. Beda dengan ReactJs karena ReactJS adalah sebuah library.

Persiapan sebelum berperang dengan React Native :

1. Install Nodejs > 4
2. Install React Native
3. Install Android Studio + SDK
4. Install XCode (For Mac)
5. Install VSCode (Text Editor lainnya)

Setelah selesai instalasi, selanjutnya kita langsung memulai membuat app mobile menggunakan React Native

1. Buka Terminal/CMD, kemudian tuliskan npm install -g react-native-cli , tunggu hingga selesai.
2. Selanjutnya tuliskan react-native init ReactNativeApi pada termila/CMD
3. Masuk pada folder ReactNativeApi dengan menuliskan cd ReactNativeApi
4. Selanjutnya react-native run-android, maka akan tampil seperti gambar berikut ini.

5. Untuk IOS ketikkan react-native run-ios, maka akan tampil seperti gambar berikut ini.

6. berikutnya kita buat file baru dengan nama App.js

7. Setelah membuat App.js, kita tuliskan code seperti dibawah ini untuk mengambil data dari API lumen.

8. Selanjutnya ubah index.ios.js/index.android.js menjadi seperti berikut ini.