Pengaturan

Gambar

Lainnya

Tentang KASKUS

Pusat Bantuan

Hubungi Kami

KASKUS Plus

© 2024 KASKUS, PT Darta Media Indonesia. All rights reserved

anakmilenial567Avatar border
TS
anakmilenial567
Tutorial Instal dan Membuat Project React Native Sederhana untuk Pemula


React Native merupakan sebuah framework javascript yang di kembangkan oleh facebook. Dengan framework ini, kamu bisa membuat aplikasi mobile android atau ios menggunakan teknologi web. Berbeda dengan framework javascript lain yang membuat aplikasi Hybrid, React Native dapat digunakan untuk membuat Real Aplikasi untuk android yang di compile di java dan untuk IOS akan di compile di Objective-C.

Nah, didalam React Native ini gan/sis akan terdapat beberapa komponen yang membantu kamu untuk membuat aplikasi mobile cross-platform mulai dari ReactJS, Native dan Platform. React Native ini bekerja dengan dengan menanamkan file Javascript yang sudah di-bundle di dalam aplikasi, dan menjalankannya secara lokal dari aplikasi yang kita buat. 

Namun, dalam waktu yang bersamaan kita juga dapat meletakan file Javascript di dalam server dan diambil ketika ada koneksi. Hal ini memungkinkan kita untuk melakukan update aplikasi secara cepat tanpa melalui proses submit ke Google Play store atau iOS Appstore. Untuk UI dan UX, React Native menggunakan Javascript.

Untuk menggunakan react native, ada baiknya untuk memulai dengan cara sederhana yaitu instal dan cobalah untuk membuat project pertama. Bagaimana caranya? berikut tutorial instal dan membuat project react native sederhana untuk pemula yang bisa kamu coba.

Install JDK, Android Studio dan Genymotion


Sumber: Youtube.com

Sebelum menginstall dan mulai menggunakan react native, kamu harus install JDK dan juga Android Studio terlebih dahulu. Untuk memudahkan, kamu bisa mengikuti tutorialnya dari situs resmi develper.android.com. Kemudian, Install Emulator Genymotion untuk memperingan proses running app yang akan kamu buat nanti. 

Install Chocolatey


Sumber: jcutrer.com

Facebook merekomendasikan untuk menginstall Chocolatey agar nantinya lebih memudahkan saat menginstall paket-paket yang lain. Caranya yaitu buka situs choco di https://chocolatey.org/install.Lalu, pilih install lewat command prompt (cmd) dengan mengcopy kode perintah yang telah disediakan oleh chocolatey dan pastekan pada cmd milikmu yang sudah di run as administrator sebelumnya. Jika sudah, silahkan cek apakah choco sudah terinstall atau belum dengan caranya ketik perintah choco -v pada cmd, jika muncul versinya berarti choco sudah terinstall.

Install Node JS dan Python2


Sumber: medium.com

Pada tahapan selanjutnya adalah install NodeJS dan juga Python2 memakai coco. Ketik perintah choco install nodejs pada cmd kemudian tekan Y dan enter. Install python2 jika proses install node js telah selesai. 

Install React Native


Sumber: Youtube.com

Buka Nodejs Command Prompt tinggal search windows saja. Jika sudah terbuka ketikan perintah npm install -g react-native-cli. 

Setting Android Studio


Sumber: androidpolice.com

Buka Android Studionya lalu pergi ke Android SDK Managernya untuk mengunduh paket yang di rekomendasikan oleh Facebook. Unduh paket pada SDK Platform > Android 6.0 (Marshmello) > pilih apply. Unduh SDK Tool dengan cara pilih SDK Tool > Versi 23.0.1 > Apply. Sambil menunggu proses download, kamu bisa setting Android Home caranya adalah buka control panel pada PC > System and Security > System > Advanced system settings. Tambahkan Environment Variablesnya lalu klik New dan ketikkan ANDROID_HOME pada kolom variable name. 

Pembuatan Project Pertama React Native


Sumber: codepolitan.com

Buka Genymotion dan pilih virtual device yang API 23. Selanjutnya, buka cmd lalu buat direktori baru pada folder untuk menyimpan project react native. Kemudian ketikan CD Documents pada cmd kemudian ketik perintah react-native nya ini Hello Badoy. Tunggu hingga proses selesai. Jika succes install dan tidak ada error pada cmd maka akan muncul direktori Hello Badoy pada direktori Documents.

Itulah tutorial instal dan membuat project react native sederhana untuk pemula yang bisa kamu coba. Semoga bermanfaat!

Sumber gambar utama:hackernoon.com

Penulis: Prokonten.com

0
1.4K
0
GuestAvatar border
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Mari bergabung, dapatkan informasi dan teman baru!
Sains & Teknologi
Sains & TeknologiKASKUS Official
15.5KThread11.2KAnggota
GuestAvatar border
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Ikuti KASKUS di
© 2023 KASKUS, PT Darta Media Indonesia. All rights reserved.