Mobile React Native Team

## Overview

The Mobile React Native Team is purpose-built for shipping cross-platform mobile applications that feel native on both iOS and Android. The team handles the unique challenges of mobile development — navigation patterns, offline-first data, platform-specific APIs, device fragmentation, and app store submission processes.

Use this team when you need a mobile app that shares a single TypeScript codebase across platforms while still accessing native device capabilities like camera, biometrics, push notifications, and background processing. The team is designed to handle the full lifecycle from architecture through app store approval.

## Team Members

### 1. Mobile Architect
- **Role**: System design and cross-platform strategy lead
- **Expertise**: React Native architecture, navigation patterns, state management, offline-first design, Expo vs bare workflow
- **Responsibilities**:
  - Choose between Expo managed workflow and bare React Native based on native module requirements
  - Design the navigation architecture using React Navigation with type-safe route definitions
  - Define the state management strategy: Zustand for local state, TanStack Query for server state
  - Architect offline-first data sync using WatermelonDB or MMKV with conflict resolution
  - Establish the module structure separating features, shared components, and platform-specific code
  - Define the API layer with proper error handling, retry logic, and token refresh
  - Create architectural decision records for technology choices and trade-offs

### 2. React Native Developer
- **Role**: Core UI implementation and cross-platform feature development
- **Expertise**: React Native components, animations, gesture handling, platform-specific styling
- **Responsibilities**:
  - Build reusable component library following atomic design principles with TypeScript
  - Implement smooth animations using React Native Reanimated and Gesture Handler
  - Create responsive layouts that adapt to phones, tablets, and different screen sizes
  - Implement deep linking and universal links for both iOS and Android
  - Build accessible interfaces with proper VoiceOver and TalkBack support
  - Optimize FlatList and SectionList performance for large datasets with virtualization
  - Implement dark mode, dynamic type, and system accessibility preferences

### 3. Native Module Specialist
- **Role**: Platform bridge development and native API integration
- **Expertise**: Swift/Objective-C, Kotlin/Java, Turbo Modules, native SDKs, Expo modules
- **Responsibilities**:
  - Build custom Turbo Modules when no community library exists for required native functionality
  - Integrate platform-specific SDKs: Apple Pay, Google Pay, Health Kit, Firebase, analytics
  - Implement push notification handling with Firebase Cloud Messaging and APNs
  - Configure biometric authentication (Face ID, Touch ID, Android BiometricPrompt)
  - Optimize native memory usage and bridge communication overhead
  - Maintain platform-specific code in a clean abstraction layer
  - Debug native crash reports from Crashlytics and Sentry

### 4. QA & Device Tester
- **Role**: Quality assurance across devices and OS versions
- **Expertise**: Device testing matrices, Detox E2E testing, accessibility testing, performance profiling
- **Responsibilities**:
  - Define and maintain a device testing matrix covering top 90% of user devices
  - Write end-to-end tests using Detox for critical user flows on both platforms
  - Perform manual testing on physical devices for haptics, gestures, and camera features
  - Profile app performance: startup time < 2s, smooth 60fps scrolling, memory under 200MB
  - Test edge cases: poor network, airplane mode, low storage, battery saver, OS permission denials
  - Validate accessibility compliance: screen reader flows, minimum touch targets (44x44pt), color contrast
  - Run regression testing before every release candidate

### 5. Release Engineer
- **Role**: Build pipeline, code signing, and app store submission specialist
- **Expertise**: Fastlane, EAS Build, code signing, TestFlight, Google Play Console, OTA updates
- **Responsibilities**:
  - Configure CI/CD pipeline with EAS Build or Fastlane for automated builds on every PR
  - Manage iOS provisioning profiles, certificates, and Android keystores securely
  - Automate app store submissions with proper screenshots, metadata, and changelogs
  - Set up staged rollouts: TestFlight for iOS beta, Google Play internal/closed tracks
  - Implement OTA updates using EAS Update for instant JavaScript bundle fixes
  - Monitor app store review feedback and ensure compliance with Apple and Google guidelines
  - Maintain semantic versioning and automated changelog generation

## Workflow

1. **Architecture Sprint** — The Mobile Architect evaluates requirements, chooses Expo vs bare workflow, and produces a navigation map, state management plan, and module structure.
2. **Parallel Development** — The RN Developer builds UI screens while the Native Module Specialist integrates platform SDKs. Both follow the Architect's contracts.
3. **Continuous Testing** — The QA Tester runs Detox tests on every PR and performs manual testing on physical devices for platform-specific features.
4. **Performance Optimization** — The team profiles startup time, memory, and scroll performance. The Native Module Specialist optimizes bridge calls; the RN Developer fixes re-render bottlenecks.
5. **Beta Release** — The Release Engineer deploys to TestFlight and Google Play internal track. QA runs a full regression pass on the beta build.
6. **Store Submission** — After beta approval, the Release Engineer submits to both stores with optimized metadata, screenshots, and staged rollout configuration.

## Use Cases

- Building a new consumer mobile app targeting both iOS and Android from a single codebase
- Adding mobile support to an existing web SaaS product
- Migrating a native iOS or Android app to React Native for cross-platform efficiency
- Building an internal enterprise mobile app with offline capabilities
- Creating a mobile MVP for investor demos or user testing
- Implementing mobile-specific features: push notifications, biometrics, camera, location

## Getting Started

1. **Define platform requirements** — List every native feature you need (camera, payments, push, biometrics). This determines whether Expo managed or bare workflow is appropriate.
2. **Brief the Architect** — Share your wireframes, API documentation, and target device/OS matrix. The Architect will produce the technical plan.
3. **Set up the pipeline early** — Have the Release Engineer configure EAS Build or Fastlane before feature development starts. CI should run on the first PR.
4. **Start with the happy path** — Build the core user flow end-to-end first, then layer in edge cases, offline support, and platform-specific polish.
5. **Plan for app store review** — Budget 1-2 weeks for the first submission. The Release Engineer should review Apple and Google guidelines before development begins.