Hari 22: Persiapan React Native

Search for a command to run...

No comments yet. Be the first to comment.
Belajar full stack JavaScript selama ramadhan tahun 2021 - Javascript Dasar - Javascript Backend - Javascript Frontend - Javascript Mobile https://youtu.be/gf_Fssu623U
Pada dasarnya react native sama dengan react js sama-sama dalam bentuk component, cara penulisan juga sama. Anda perlu tahu component, props, state, hooks untuk lanjut jika belum maka silahkan baca materi react pada minggu sebelumnya disini Hello Wor...
Waktu dapet kerjaan pertama sebagai front-end dev di dusdusaan.com (2019), aku dikasih project pake React, seingat gue aplikasinya tentang reseller dimana fitur yg saya kerjakan adalah tentang point dan event para reseller. Jujur aja, waktu itu aku b...

Awal mula gue pake TypeScript itu sebenernya bukan karena inisiatif sendiri, tapi karena kepepet. Waktu itu kantor lagi ngembangin dashboard chatbot buat tim CS, dan project-nya udah jalan duluan pake TypeScript. Gue yang baru masuk tim, langsung dis...

Javascript

Terkadang kita mendapatkan data bilangan misal response saat nge-hit API ke backend kita sendiri atau saat menggunakan third-party API anggap saja Xendit atau Midtrans tetapi berbentuk string. Seperti contoh dibawah ini. { "data": { "total_bela...

Cerita Mentor

React Native adalah framework yang dibuat oleh tim facebook sebagai alat untuk membuat aplikasi Android dan Ios dengan javascript yang core nya sendiri adalah reactjs.

Beberapa hal yang harus dipersiapkan sebelum masuk ke materi React Native adalah:
React Native karena berbasis javascript maka harus adanya Node Js, untuk install node js telah kita bahas pada 30 hari javascript hari pertama. Silahkan baca kembali.
React Native membutuhkan setidaknya JDK versi 8, yang dapat di download disini. Jangan lupa setelah diinstall adanya PATH environtment JAVA_HOME, jika sudah ada bisa dicek dengan cara perintah berikut pada terminal.
echo $JAVA_HOME

Android studio adalah optional untuk diinstall, boleh hanya install Android SDK saja, tapi untuk mempermudah mendapatkan yang kita butuhkan untuk react native.
Pastikan untuk mengkonfigurasi env pada laptop anda, linux atau mac biasanya pada .bashrc atau zshrc.
export ANDROID_HOME=$HOME/Android/Sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
Cek dengan cara:
echo $ANDROID_HOME

Jika Anda pernah install
react-native-clisecara global, saya sarankan untuk uninstall kembali, karena saya khawatir akan ada banyak masalah kedepannya.
Pada series ini, kita akan membuat aplikasi minibioapp. Caranya langsung saja.
npx react-native init minibioapp

Setelah berhasil untuk membuat proyek, kita cek bagaimana struktur folder react native berikut.
.
├── android
├── ios
├── node_modules
├── App.js
├── app.json
├── babel.config.js
├── index.js
├── metro.config.js
├── package.json
├── package-lock.json
└── __tests__
└── App-test.js
Untuk menjalankan react native adalah dengan perintah berikut.
npx react-native start
