React Native : Membuat Header Dinamis Memanfaatkan Props

Setelah ada permulaan dengan memulai membuat project React Native disini kita coba lanjutkan dengan membuat header Dinamis dengan memanfaatkan props dari React. Untuk membuat project React ikuti tutorial Memulai pengembangan React Native Disini.

Kita bisa membuat setiap page dengan menggunakan header, namun kita akan mencoba membuatnya dengan file terpisah dan melakukan perubahan text dari header tersebut dengan memanfaatkan Props. Langsung saja oke

Menggunakan ESLint dengan Sublime Text 3

Siapa sih yang tidak tahu dengan Sublime Text? Selain kita bisa membuka banyak jenis bahasa pemrograman, Tools yang satu ini ringat banget dipakainya. Jadi saat ini kita akan mencoba menggunakan ESLint dengan Sublime Text. Saya gunakan ini untuk pengembangan React-Native tentunya.

Sebelumnya jika belum pernah download Sublime Text silahkan Download disini

Setelah kita menginstall Sublime, selanjutnya kita install Node.js jika belum terinstall maka silahkan Download disini

Tutorial React Native : Melakukan Navigasi Halaman

Jarang sekali aplikasi yang dibuat hanya menggunakan single-page. Oleh karenya kita akan mencoba untuk membuat navigasi halaman alias perpindahan halaman pada React Native. Anggap saja kita telah membuat sebuah project React, jika belum membuatnya silahkan untuk membaca Tutorial ini.

Langkah pertama kita install terlebih dahulu menggunakan command line

npm install --save react-navigation

Untuk melakukan perubah pada project React Native, kita masuk ke direktori project dan edit file App.js dan untuk menampilkan perubahannya kita double klik R. Kita akan mencoba membuat navigasi dengan menggunakan StackNavigator.

Memulai Pengembangan dengan React Native

Langsung saja pertama-tama kita install dulu Node.js Download disini. Untuk pengembangan aplikasi mobile juga kita perlu install JDK download dan install. Selanjutnya kita gunakan Node Package Manager (npm) dengan membuka Node.js command prompt yang sudah kita install sebelumnya atau bisa menggunakan command prompt default silakan selama Node.js sudah terinstall. Ketik perintah berikut dan tunggu beberapa waktu 

npm install -g react-native-cli

Selanjutnya jalankan emulator ya untuk menjalankan project react-native kita, baik itu menggunakan emulator android studio, genymotion atau apapun. Namun saran saya menggunakan emulator bawaan android studio saja. *Catatan Emulator yang berjalan untuk android harus minimal Marshmallow atau API Level 23.