Belajar React Native - Sejarah, Latar Belakang & Mengapa Membutuhkan React Native

#Pendahuluan

Sebelum React Native ada, tim mobile harus menulis aplikasi yang sama dua kali: sekali dengan Swift atau Objective-C untuk iOS, sekali dengan Kotlin atau Java untuk Android. Biaya pengembangan berlipat ganda, dan menjaga fitur tetap sinkron di dua platform menjadi pekerjaan harian yang melelahkan.

Episode 1 membawa kalian ke awal mula React Native: kenapa Facebook membuatnya, bagaimana ia berkembang dari prototype hackathon menjadi framework produksi yang dipakai perusahaan raksasa, dan masalah besar apa yang ia pecahkan. Memahami latar belakang ini penting karena arsitektur yang kita pelajari di episode 2 adalah jawaban langsung dari masalah-masalah sejarah ini.

#Sejarah Singkat React Native

#Awal Mula di Facebook

Semua berawal dari Facebook Ads Manager di tahun 2013. Saat itu tim Facebook ingin punya satu aplikasi mobile yang menjalankan React — yang sebelumnya berjalan di web — langsung di native. Eksperimen ini memunculkan ide untuk menulis UI dengan komponen React, tapi di-render menjadi kontrol native asli iOS dan Android, bukan WebView.

#Rilis Open-Source 2015

Facebook mengumumkan React Native sebagai project open-source di Maret 2015, bersamaan dengan konferensi React.js Conf. Sejak saat itu React Native meledak: banyak perusahaan besar seperti Instagram, Shopify, dan Walmart mulai mengadopsinya. Instagram bahkan dilaporkan memakai React Native untuk bagian besar aplikasinya karena berbagi kode dengan tim web.

#Evolusi menuju New Architecture

Selama bertahun-tahun React Native berjalan di atas Bridge — antarmuka asinkron antara JavaScript dan native yang kita bahas di episode 2. Bridge terbukti lambat untuk kasus tertentu, sehingga Facebook membangun penggantinya secara bertahap:

• 2018: dimulainya project New Architecture di bawah nama Sandbox.
• 2021: rilis awal arsitektur baru (Fabric dan TurboModules) sebagai opt-in.
• Oktober 2024: New Architecture menjadi default sejak React Native 0.76.
• 2026: arsitektur baru sudah stabil dan didukung penuh oleh ekosistem.

Siklus rilis React Native kini sekitar dua bulan sekali. Versi 0.86.2 adalah stable terbaru per penulisan series ini, dengan 0.87 dalam tahap RC.

#Masalah yang Diselesaikan React Native

#Satu Codebase, Dua Platform

Masalah paling utama: duplikasi kerja. Dengan React Native, satu kode JavaScript bisa berjalan di iOS dan Android sekaligus. Kalian menulis logika bisnis, state management, dan komposisi UI sekali, lalu React Native menangani perbedaan platform di balik layar. Hasilnya, estimasi penghematan bisa mencapai puluhan persen dari total biaya pengembangan mobile.

#UI Native, Bukan WebView

Pendekatan lain seperti Cordova atau Capacitor me-render aplikasi dalam WebView — artinya kalian membuat web app yang dibungkus browser. Konsekuensinya: performa dan feel tidak sepenuhnya native. React Native berbeda: komponen View di JavaScript dirender menjadi UIView asli di iOS dan View asli di Android. Scroll, animasi, dan interaksi terasa seperti aplikasi native sungguhan.

#Hot Reload dan Ekosistem React

Pengalaman developer juga menjadi alasan kuat. React Native punya Fast Refresh yang menampilkan perubahan kode dalam hitungan detik tanpa build ulang. Tim yang sudah nyaman dengan React, hooks, dan ekosistem npm langsung produktif tanpa belajar bahasa atau framework baru dari nol.

#Siklus Rilis dan Strategi Upgrade

#Katalis Rilis dan Versi Aktif

React Native memakai katalis rilis minor sekitar dua bulan sekali. Saat series ini ditulis, versi stable adalah 0.86.2, dengan 0.87 dalam tahap RC yang dijadwalkan rilis sekitar Agustus 2026.

Tiga versi minor terakhir yang didukung secara aktif: 0.86, 0.85, dan 0.84. Di luar itu, versi lama dianggap end-of-life dan tidak lagi menerima patch keamanan.

Jangan mengandalkan ingatan untuk urusan versi. Selalu cek langsung ke sumber resmi:

npm view react-native version
npm view react-native@0.86 version

Perintah npm view react-native version menampilkan versi stable terbaru dari registry npm, dan npm view react-native@0.86 version menampilkan patch terbaru dari rilis 0.86. Untuk changelog lengkap, kunjungi halaman versions di reactnative.dev atau release notes di repository resmi.

#Strategi Upgrade yang Aman

Upgrade sebaiknya dilakukan bertahap dan diuji, bukan lompat jauh sekaligus. Naik satu rilis minor, jalankan seluruh test, lalu lanjut ke rilis berikutnya. Baca release notes sebelum upgrade karena rilis minor kadang memuat breaking changes kecil yang butuh penyesuaian kode.

Sebelum upgrade, periksa dukungan library yang dipakai terhadap versi target. Library yang belum kompatibel sering menjadi sumber error paling menyebalkan setelah upgrade, jadi pastikan semua dependency sudah siap.

#Kapan Kalian Membutuhkan React Native

#Kriteria Pilih React Native

React Native paling masuk akal jika:

• Tim kalian sudah kuat di React dan JavaScript.
• Aplikasi butuh hadir di iOS dan Android dengan fitur yang hampir identik.
• Kalian butuh akses ke kemampuan native (kamera, biometrik, notifikasi) tanpa mengorbankan produktivitas.
• Ekosistem library npm untuk kebutuhan umum sudah cukup matang.

Jawaban jujur terhadap kriteria ini menentukan kenyamanan tim selama bertahun-tahun, jadi diskusikan bersama sebelum memutuskan.

#Kriteria Berpikir Ulang

Sebaliknya, pertimbangkan ulang jika aplikasi kalian sangat bergantung pada animasi kompleks di level sistem, game berat dengan rendering custom, atau tim kecil yang hanya menargetkan satu platform. Episode 22 akan membahas perbandingan mendalam dengan Flutter, Kotlin Multiplatform, dan pendekatan WebView.

#Penutup

Episode 1 membuka wawasan kenapa React Native ada: lahir dari kebutuhan Facebook membangun aplikasi mobile dengan satu codebase React, dirilis open-source tahun 2015, lalu berevolusi dengan New Architecture yang menjadi default sejak 0.76.

Inti yang harus dibawa pulang:

• React Native dimulai sebagai eksperimen Facebook tahun 2013 dan open-source sejak 2015.
• Satu codebase JavaScript untuk iOS dan Android yang dirender menjadi UI native.
• Bukan WebView: komponen React Native memakai kontrol native asli.
• New Architecture (Fabric dan TurboModules) default sejak 0.76.
• Rilis minor terjadi sekitar dua bulan sekali dengan dukungan tiga versi minor terakhir.
• Pilih React Native saat tim kuat React dan kebutuhan native antar platform hampir sama.

Di episode 2 selanjutnya kita akan membedah konsep dasar dan arsitektur utama React Native: peran JS Thread dan UI Thread, jembatan Bridge di arsitektur lama, serta JSI, Fabric, dan TurboModules di New Architecture — lengkap dengan komponen inti yang akan kalian pakai setiap hari.