React Native : Part 1 - Getting Started

Oleh -

Halo, di bagian ini saya akan menjelaskan bagian dasar untuk memulai coding dengan React Native. Sebelum itu, sebaiknya dipersiapkan alat dan bahannya terlebih dahulu ya. (saya menggunakan os Windows dalam contoh ini)

Tools:
Step:
  1. install nodejs
  2. install expo
  3. Create new project

1. Install nodejs

Install nodejs sampai selesai.

Untuk mengecek versi dari nodejs, anda dapat menggunakan command berikut di cmd

> npm -v

Maka akan tampil versi dari node anda, seperti berikut
check nodejs version
check nodejs version

2. Install Expo

Setelah install nodejs, langkah berikutnya adalah install expo. Untuk install expo via cmd, ketik command berikut kemudian enter (prosesnya cukup lama, tergantung koneksi pribadi)

> npm i -g expo-cli

Maka akan otomatis download, seperti berikut
install expo
install expo before

Jika sudah selesai maka akan seperti berikut
install expo after
install expo after

3. Create New Project React Native

Untuk membuat project react native, anda perlu menentukan path source akan disimpan terlebih dahulu. Di sini saya menggunakan path E:\React Native sebagai contoh.

Arahkan cmd anda ke direktori yang sudah ditentukan. Kemudian ketik command berikut

> expo init belajar-react-native

Maka anda akan diberikan 2 pilihan template, yaitu blank atau tabs. Untuk memilih, anda dapat menggunakan arrow up/down kemudian enter
choose template react native
choose template react native

Di sini saya memilih template blank. Jika proses init sudah selesai, maka akan tampil sebagai berikut

init expo done
init expo done

4. Running Application

Untuk menjalankan aplikasi pertama kali, anda masuk ke dalam direktori project kemudian ketik command berikut

> expo start

Jika berhasil, maka akan tampil sebagai berikut

Expo running
Expo running

Dan anda juga akan diarahkan ke browser seperti berikut

Expo running browser
Expo running browser

React Native dapat dijalankan di os Android dan IOS. Untuk running di handphone anda, silahkan download Expo di Google Play / Appstore

Dalam contoh ini saya menggunakan android. Scan QR Code menggunakan aplikasi Expo di handphone anda. Pastikan handphone dan PC anda dalam 1 jaringan ya.

Jika berhasil discan, maka dalam cmd anda akan muncul proses build
Expo build javascript bundle
Expo build javascript bundle

Jika sudah 100%, maka aplikasi sudah dapat dijalankan di handphone anda
tampilan aplikasi di handphone
tampilan aplikasi di handphone

Sekian untuk part 1 ini. Jika ada kendala, silahkan comment di bawah.

Comments

Post a Comment

Popular posts from this blog

cheat plants vs zombies menggunakan cheat engine

Oleh -
Image
plants vs zombies... siapa sih yang gak tau mini games dari popcap ini? ya keliatannya sih gampang ya. tanam tumbuhannya, dan otomatis akan menembak zombies yang berjalan. tapi coba deh main survival terakhir, pasti baru sampe level 10 langsung die :p makanya, di sini gua mau ngasih cheat yang berguna untuk plants vs zombies. alat dan bahan yang diperluin cuma : -game plants vs zombies. DOWNLOAD PLANTS VS ZOMBIES DI SINI -cheat engine. DOWNLOAD CHEAT ENGINE DI SINI ada 4 cheat yang bakal gua jelasin di sini 1. INFINITY SUN (matahari gak abis abis) 2. NO DELAY (gak perlu nunggu nunggu refill tanaman yang abis dipakai) 3. CHEAT MONEY (uang yang banyak dan gak habis habis) 4. TREE OF WISDOM CHEAT (pohon zen garden yang sampe tinggi) oke mulai aja... I. CHEAT INFINITY SUN (matahari gak abis abis) PLANTS VS ZOMBIES buka plants vs zombies nya setting plants vs zombies nya di options , full screen nya jangan di centang biar gampang ngerjainnya buka juga cheat engine ...
Selengkapnya

STRAWBERRY PROLOG: Membuat Garis (Line)

Oleh -
Image
sehubungan dengan tugas tugas yang terlempar dari laboratorium teknik informatika. mata praktikum pengantar kecerdasan buatan (PKB). harus menggunakan strawberry prolog Download Strawberry Prolog: download strawberry prolog Password: langkah 1 untuk membuka aplikasi strawberry prolog, download file di atas kemudian ekstrak rar nya, pilih strawberry prolog.exe setelah muncul tampilan pertama, klik file kemudian new, pilih yang strawberry project, kemudian klik OK langkah 2 ketikkan code berikut pada window kosong yang baru anda buat ?-window(G_namaWindow, _, window1(_), "Ini window pertamaku" , 100,200,300,400). ?-window berarti membuat window baru. G_namaWindow adalah nama window tersebut window1(_) adalah fungsi yang nantinya akan dibuat “ini window pertamaku” adalah judul dari window yang akan muncul 100, 200, 300, 400 adalah koordinat dari window yang akan muncul, perhatikan gambar di bawah langkah 3 untuk melihat hasilnya, pilih RUN di menu bar ...
Selengkapnya

DOWNLOAD: Emulator PlayStation 1 (PS1) for Windows

Oleh -
Image
bishi bashi (pic source: google.com) flashback bersama playstation 1. Game-game seru seperti Winning Eleven, Crash Team Racing (CTR), Bishi Bashi, Tamiya (lets go eternal wings) pernah gua jumpa semasa kecil dulu. Apalagi dulu, susah banget beli playstation 1 karena mahal, yang ada malah rental PS (baca: playstation), itupun masih jarang adanya. Jadi kangen sama masa masa itu. Mau main game itu lagi tapi harus keluar uang buat beli console nya *mental mahasiswa* akhirnya, cari aja solusi di google. Ini dia emulator Playstation 1. namanya ePSXe. Emulator ini yang bisa menyelamatkan masa kecil gua (mungkin kalian juga). gua jadi bisa main game ps 1 tanpa harus modal banyak. Tampilan Utama Emulator Playstation 1 (ePSXe 1.7.0) download ePSXe 1.7.0: http://www.mediafire.com/?2z4elio6j61qxmw  (10mb) password: arickanjass ePSXe ini ga perlu diinstall. ekstrak aja file yang udah didownload tadi dan muncul deh folder namanya  epsxe170 buka folder tersebut...
Selengkapnya