Mobile App Development dengan React Native

Mobile app development terus berkembang dengan berbagai framework dan pendekatan. React Native tetap menjadi salah satu pilihan terpopuler untuk cross-platform development — memungkinkan tim membangun aplikasi iOS dan Android dari satu codebase.

📱 Mengapa React Native?

React Native, dikembangkan oleh Meta, menawarkan keunggulan:

• Cross-platform — Satu codebase untuk iOS dan Android
• JavaScript/TypeScript — Leverage existing web development skills
• Hot Reloading — Lihat perubahan secara real-time tanpa rebuild
• Native Performance — Render menggunakan native components, bukan WebView
• Large Ecosystem — NPM packages dan community yang mature

🏗️ Arsitektur Modern React Native

Expo vs Bare Workflow

Expo (Recommended untuk kebanyakan proyek):

• Setup instan, tidak perlu Xcode/Android Studio di awal
• Managed build service (EAS Build)
• OTA updates tanpa app store review
• Pre-built modules untuk camera, notifications, dll

Bare Workflow:

• Full control atas native code
• Dibutuhkan saat ada native module custom
• Lebih kompleks tapi lebih fleksibel

🎨 UI & Navigation

Navigation

React Navigation adalah standar de facto:

import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Detail" component={DetailScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

Styling

• StyleSheet API — Built-in, performant
• NativeWind — Tailwind CSS untuk React Native
• Tamagui — Universal design system

🔌 Backend Integration

Mobile apps membutuhkan backend yang solid:

• REST API atau GraphQL untuk data fetching
• Authentication — JWT, OAuth, atau Firebase Auth
• Push Notifications — Firebase Cloud Messaging (FCM)
• Offline Support — AsyncStorage atau WatermelonDB
• Real-time — WebSocket atau Firebase Realtime Database

🚀 Deployment

App Store Submission Checklist:

1. App icons dan splash screen dalam semua resolusi
2. Privacy policy dan terms of service
3. App Store screenshots untuk berbagai device
4. Metadata — description, keywords, categories
5. Testing dengan TestFlight (iOS) dan Internal Testing (Android)

Over-The-Air (OTA) Updates

Dengan EAS Update, fix bugs dan push minor updates tanpa melalui app store review — significantly mempercepat iteration cycle.