Pada tutorial React Native Bahasa Indonesia kali ini Konsep Koding akan berbagi tutorial mengenai bagaimana cara menyimpan data ke database local smartphone dengan menggunakan Realm database. Dengan menggunakan Realm kita bisa membuat local database dengan relasional db yang cepat dan clean.

Tutorial Local Data Realm React Native

Dengan Database Seluler Realm bersama Sinkronisasi Realm untuk menjaga agar data aplikasi selalu terkini di banyak pengguna, perangkat, dan backend MongoDB. Berhentilah mengkhawatirkan ketersediaan jaringan dan fokuslah untuk membangun aplikasi yang offline dulu, dengan fitur-fitur inovatif yang akan disukai pengguna Anda. Selain itu Realm juga adalah salah satu produk MongoDB yang gratis untuk penyimpanan local serta dan memiliki Realm Studio yang gratis kamu unduh.


Apa yang akan kita pelajari?

1. Membuat project React Native
2. Setup Library
3. Memulai Koding
4. Kesimpulan


Membuat project React Native 

Pertama buat project React Native terlebih dahulu jika kamu belum memiliki project React Native:

npx react-native init realm_database

Setelah itu setup library :

Install Realm

npm i realm 

Install React Navigation 4

npm install react-navigation --save

Install library pendukung React Navigation

npm install react-native-gesture-handler react-native-safe-area-context @react-native-community/masked-view react-native-screens react-native-reanimated --save

Install create Stack Navigator

npm install react-navigation-stack --save

Setup react navigation kamu bisa melihatnya disini :  https://reactnavigation.org/docs/4.x/getting-started/  untuk setup Java file

 Jika kamu menggunakan ReactNative <=59.9 ketikan

npx react-native link

Agar bisa digunakan di iOS ketikan perintah di bawah ini

cd ios && pod install 

Memulai Koding

Ubah file App.js menjadi seperti kode di bawah ini :

Jika sudah silahkan run project anda dengan mengetikan perintah di bawah ini

npx react-native run-android atau npx react-native run-ios
Hasil nya akan seperti gambar di bawah ini :

Realm React Native
Realm React Native

Kesimpulan

Dengan menggunakan Realm kamu bisa membuat data local syncronize layaknya whatsapp dengan syntax yang mudah seperti Asyncstorage React Native namun dengan data relational layaknya SqlLite.

Project Github React Native Realm di atas bisa kamu download disini : https://github.com/Konsep-Koding/RealmDB-ReactNative

Baca Tutorial React Native Lainnya :
#32 Tutorial Kalkulasi Latitude Longitude Dua Jarak React Native
#33 Tutorial React Native Handle OnSwipe Pada iOS
#34 Tutorial View Aspect Ratio Square React Native