Memulai Pengembangan Android dengan React Native di Windows

Memulai Pengembangan Android dengan React Native di Windows

Create: SaldiSaldi | Jumat, 31 Maret 2017 | 20:22:17 WITA | dibaca: 908

halo teman teman nyankoder :) saya mau share hasil belajar kemarin, sembari belajar javascript biar nambah semangat belajarnya harus ikutan update banyak hal baru tentang perkembangan javascript itu sendiri, pandangan mata saya tertuju pada react native, siapakah dia?,

Perkenalan

React Native adalah framework open source besutan facebook yang dibuat setelah facebook sebelumnya membuat react.jsReactJS sendiri merupakan sebuah library dari facebook yang dapat digunakan untuk membangun antarmuka pengguna (UI). nah apa itu react native, adalah framework open source untuk membuat aplikasi multi-platform (android, ios dan windows platform”dalam tahap pengembangan”) dengan bahasa javascript, sesuai dengan deskripsi di situs resminya“Learn once, write anywhere”. semoga paham dengan penjelasan singkat saya :), oke sebelum bicara lebih jauh lagi sekarang kita mulai persiapan nya terlebih dahulu sehingga kedepannya bisa enak explore coding an nya, disini saya share tentang menggunakan react native untuk membuat aplikasi android di windows.

Persiapan

Variable : JAVA_HOME

Value    : C:\Program Files\Java\jdk1.7.0_79

Kemudian lakukan hal yang sama untuk android sdk-nya

https://static.cdn-cdpl.com/source/17960/set%20environment%20variables.png?1471698213617

Konfigurasi SDK, Emulator disini saya menggunakan emulator genymotion dengan alasan spek laptop saya :), setelah download genymotion nya kemudian download emulatornya sesuai kebutuhan, jika teman teman menggunakan emulator bawaan android studio seperti ini,

  • Install Android Studio
  • Buat projek kosong di Android Studio
  • Buat Android Virtual device : Manage AVD → Create
  • jalan kan emulatornya

Sekarang mulai deh bikin app di react native nya, buka command prompt nya, untuk memudahkan teman teman bisa gunakan git bash, disini saya menggunakan cmder (custom command prompt) yang sudah include git.

bash

cd /Users/Hasyim/react-native-workspace/

Sesuaikan di direktori masing masing jika belum ada folder nya maka buat dulu dengan perintah mkdir. Kemudian sekarang kita install react-native nya,

npm install -g react-native-cli

Tunggu hingga instalasi selesai, jika sudah selesai sekarang kita buat projek pertama untuk uji coba,

react-native init ProjekPertama


https://static.cdn-cdpl.com/source/17960/init%20projek.png?1471698251064 

Tunggu hingga proses pembuatan projek selesai, sambil menunggu nyalakan emulatornya. setelah proses pembuatan projek selesai cek isi folder nya, kemudian buka di text editor/IDE anda. Anda juga bisa mengecek file apa saja yang dibuat oleh react native.

https://static.cdn-cdpl.com/source/17960/ls%20folder.png?1471698310248

https://static.cdn-cdpl.com/source/17960/view.png?1471698327572

Kurang lebih seperti gambar di atas, saya menggunakan view demikian ketika sedang belajar react-native, file induk ada di index.android.js. sekarang kita coba jalankan, menggunakan perintah :

react-native run-android

Tunggu hingga proses building selesai.

https://static.cdn-cdpl.com/source/17960/app%20run.png?1471698360959

Bagaimana? Tidak terlalu sulit untuk melakukan persiapan react native di windows, selamat mencoba.

 SUMBER : https://www.codepolitan.com/memulai-pengembangan-android-dengan-react-native-di-windows-57b85678b26a9-17960



7 KOMENTAR

rolex replica uk | 08 Mei 2017 || 10:28:38
" good "
macam bambu doel argo taman | 13 September 2017 || 10:23:10
" like this "
semenax | 14 Oktober 2017 || 08:41:28
" Much thanks to you a great amount for this and continue sharing. "
pembesar penis vimax | 28 November 2017 || 07:31:26
" makasih infonya "
facetime for android phone | 04 Januari 2018 || 13:03:40
" Get the Guide to Official Source on FaceTime for Android Download App. Also know about FaceTime App for PC, iPhone, Windows, Mac with best alternatives. "
bullet force games | 04 Januari 2018 || 14:30:25
" Artikel ini sangat berguna dan menarik "
Sewa Mobil Surabaya | 04 Januari 2018 || 22:57:53
" Pertama melihat judul, saya langsung tertarik untuk membacanya. informasi ini sangat berharga bagi saya. "



ISI KOMENTAR

NAMA

WEBSITE

KOMENTAR


Captcha Sepakbola
Apakah anda manusia?Lebih baik lagi kalau anda menyukai sepak bola
Sebutkan pemain sepak bola disamping:

Captcha Sepakbola by codingwear








  • $DCC = NEW XXI("Solidaritas","Loyalitas","Kualitas");
  • PELATIHAN KAMPUS
  • Pelatihan Komputer (DIGITAL SCHOOL)
  • Study Tour GoTv
  • IT FUN