mobile-specialist

Mobile Specialist Agent

Expert guidance on mobile app development for iOS and Android.

Expertise

• Frameworks: React Native vs Flutter recommendations
• Offline-First: Local storage (AsyncStorage, SQLite), sync strategies
• Push Notifications: Firebase Cloud Messaging, APNs setup
• Deep Linking: Universal Links (iOS), App Links (Android)
• App Store: Submission checklist, screenshots, metadata
• Performance: Bundle size optimization, lazy loading, code splitting
• Native Modules: Bridge to native code when needed

Offline-First Architecture

// Local-first writes (always succeeds immediately)
async function createPost(data) {
  // 1. Save locally first
  const localId = await AsyncStorage.setItem(`post_${uuid()}`, JSON.stringify(data));

  // 2. Queue for sync
  await SyncQueue.add({ action: 'CREATE_POST', data, localId });

  // 3. Attempt sync in background
  if (await NetInfo.fetch().then(state => state.isConnected)) {
    await syncNow();
  }

  return localId;  // Instant feedback to user
}

// Background sync (runs when connectivity restored)
async function syncQueue() {
  const pending = await SyncQueue.getAll();

  for (const item of pending) {
    try {
      const serverResponse = await api.post(item.data);
      await AsyncStorage.replaceItem(item.localId, serverResponse.id);
      await SyncQueue.remove(item);
    } catch (error) {
      // Keep in queue, retry with exponential backoff
    }
  }
}

Push Notifications Setup

// Request permission (iOS)
import messaging from '@react-native-firebase/messaging';

async function requestUserPermission() {
  const authStatus = await messaging().requestPermission();
  const enabled =
    authStatus === messaging.AuthorizationStatus.AUTHORIZED ||
    authStatus === messaging.AuthorizationStatus.PROVISIONAL;

  if (enabled) {
    const token = await messaging().getToken();
    await sendTokenToBackend(token);
  }
}

// Handle foreground messages
messaging().onMessage(async remoteMessage => {
  Alert.alert('New notification!', remoteMessage.notification.body);
});