Cara installasi dan membuat aplikasi di React Native

Apa itu React Native

Dear friends, pada artikel ini kita akan belajar react-native. Apa itu react-native? React-Native merupakan salah satu framework javascript populer yang bisa digunakan untuk mobile development untuk android ataupun IOS. Dengan React Native kita seperti membuat aplikasi yang sama dengan aplikasi native tetapi menggunakan javascript. Hal ini karena library React Native mengandung native android, sehingga aplikasi yang dibuat  langsung terintegrasi dengan aplikasi native yang sebenarnya.

Salah satu manfaat menggunakan React Native adalah kemampuannya untuk merender code ke bentuk android dan IOS. Hal ini akan mengurangi cost dan waktu. Karena kita hanya cukup  mengunakan 1 orang developer mobile untuk membuat aplikasi mobile dalam 2 enviroment yang berbeda.

Selain itu banyak fitur yang diberikan oleh React Native yang bisa dimanfaatkan oleh pengembang aplikasi, antara lain:

• React Native adalah framework lintas platform yang memungkinkan Anda menulis sekali dan menggunakannya Android atau IOS.
• React Native sangat responsif dan memiliki kemampuan rendering yang cepat.
• Menggunakan Javascript yang sudah sangat populer.
• Dukungan komunitas yang kuat.
• Sudah digunakan oleh beberapa industri terkemuka seperti Airbnb, Walmart, Facebook, dan lainnya.
• Banyaknya dukungan untuk plugin.
• Cepat digunakan dalam pengembangan aplikasi.
• Hemat biaya, karena tidak memerlukan pengembangan yang berbeda untuk setiap platform

Cara kerja React Native

React Native bekerja dengan dengan menanamkan file Javascript yang sudah di-bundle didalam aplikasi, dan menjalankannya secara local dari aplikasi yang kita buat. Selain itu, kita juga dapat meletakan file Javascript didalam server dan diambil ketika ada koneksi. Hal ini memungkinkan kita untuk melakukan update aplikasi secara cepat tanpa melalui proses submit ke Google Playstore atapun iOS Appstore.

Installasi requirement React Native

Ada beberapa tools yang menjadi requirement agar kita bisa mendevelop aplikasi dengan React Native, antara lain:

• Nodejs terbaru. Untuk Nodejs, saya menggunakan nvm for windows.
• Download dan install NVM
• Untuk mengecek hasil installasi dan menginstall Nodejs ketikkan perintah berikut

$ nvm
$ nvm list available
$ nvm install lts

• Expo CLI. Untuk menginstall expo CLI, ketikkan perintah berikut:

$ npm install -g expo-cli

Setelah semua tools diatas terinstall, selanjutnya kita bisa mulai membuat aplikasi dengan React Native.

Membuat aplikasi React Native

Untuk membuat aplikasi React Native, jalankan perintah berikut:

$ expo init AwesomeProject
$ cd AwesomeProject
$ npm start

Selanjutnya akan muncul tampilan seperti berikut.

Untuk membuka aplikasi dari web ketikkan ‘w’, untuk membuka di android ketikkan ‘a’ (open android hanya bisa dilakukan jika kita sudah mengintall android virtual device seperti genymotion).

Selain itu, kita juga bisa mengakses url http://localhost:19002 untuk membuka developer tools. Berikut tampilan developer tools React Native dengan expo.

Klik link Run in web browser untuk melihat aplikasi React Native yang sudah kita buat. Untuk memulai membuat aplikasi, silahkan mengedit file App.js sesuai kebutuhan.