Landscape Mobile Dev — Mobile

Pernah liat aplikasi Tokopedia, Gojek, Tiktok di HP kamu — terus pengen bisa bikin yang mirip? Dulu = harus belajar Swift (iOS) + Kotlin (Android) = 2 bahasa…

Pernah liat aplikasi Tokopedia, Gojek, Tiktok di HP kamu — terus pengen bisa bikin yang mirip? Dulu = harus belajar Swift (iOS) + Kotlin (Android) = 2 bahasa baru, 2 tim, 2 codebase. Sekarang? **JavaScript skill yang udah kamu punya bisa langsung dipake** buat bikin app mobile via React Native atau Flutter (Dart). Web dev → mobile dev jadi lompatan kecil, bukan rebuild from zero.

💡 Mobile dev market. Mobile app revenue $935 miliar di 2025 (Google + Apple gabungan). Jutaan job listings butuh React Native atau Flutter dev. Web dev yang cuma bisa web = miss out. Tambah skill mobile = double opportunity tanpa retrain dari nol.

Landscape Mobile Development

Mobile development saat ini punya banyak pendekatan. Sebagai web developer, kamu punya keuntungan besar karena skill JavaScript/TypeScript bisa langsung dipakai untuk membuat aplikasi mobile.

Tiga Pendekatan Utama

Native — Menulis kode spesifik untuk setiap platform. Swift/Objective-C untuk iOS, Kotlin/Java untuk Android. Performa terbaik, akses penuh ke API platform.
Hybrid — Aplikasi web dibungkus dalam WebView native (Cordova, Ionic/Capacitor). Satu codebase, tapi performa terbatas karena berjalan di browser engine.
Cross-Platform — Framework yang compile/render ke komponen native. React Native, Flutter, .NET MAUI. Keseimbangan antara performa dan produktivitas.

Mengapa Web Developer Masuk ke Mobile?

// Skill yang bisa langsung ditransfer:
// - JavaScript/TypeScript → React Native
// - HTML/CSS mindset → JSX + StyleSheet
// - REST API / GraphQL → Sama persis
// - State management (Redux, Zustand) → Sama persis
// - Testing patterns → Jest, Testing Library

Market Share Framework (2024-2025)

React Native — Paling populer di kalangan web developer, ecosystem besar, didukung Meta
Flutter — Dart language, performa tinggi, UI pixel-perfect, didukung Google
Kotlin Multiplatform — Share business logic, UI tetap native per platform
Capacitor — Evolusi Cordova, cocok untuk web developer yang mau PWA + native

Kapan Pilih Apa?

Native — App yang butuh performa maksimal (game, AR/VR, video editing)
React Native — Tim sudah familiar React, butuh akses native API
Flutter — UI kompleks, animasi berat, butuh konsistensi visual antar platform
Capacitor — Sudah punya web app, mau deploy ke app store dengan effort minimal

🎭 Analogi sehari-hari

Native = masak pakai resep lokal di tiap negara — bahan + cara berbeda per platform. Cross-platform (RN/Flutter) = resep universal yang adaptasi otomatis per dapur. Hybrid (WebView) = masak di Indonesia, lalu kirim makanan ke negara lain — sama persis tapi gak optimal kayak masakan lokal. Pilih sesuai trade-off yang dimau (perfomance vs developer speed).

⚠️ Jebakan yang sering ditemui

"Build once, run everywhere" = mitos. Tetep ada platform-specific edge case (iOS/Android beda behavior)
App store approval proses butuh 1-7 hari. Plan ahead, jangan submit hari deadline
Native API access di hybrid terbatas — kalau butuh fitur deep (Bluetooth, biometric, AR), pakai native atau cross-platform
Bundle size besar = uninstall rate naik. User HP storage limited di Indonesia
Update via app store lambat — beda dari web yang instant deploy. Pakai OTA update (CodePush) untuk fix kritis

TL;DR: Mobile dev = native (Swift/Kotlin), hybrid (WebView), atau cross-platform (RN/Flutter). Web dev → mobile dev mudah via React Native (JS skill langsung pake) atau Flutter (Dart, mirip JS). Market $935B 2025, banyak job. Pilih sesuai performance need + team skill. App store approval, native API limit, bundle size = jebakan klasik.