#cross-platform

Develop effective mobile strategy for multi-platform products. Platform considerations: 1. Native development: platform-specific optimization, best performance. 2. Cross-platform: React Native, Flutter for code sharing. 3. Progressive Web App (PWA): web-based, app-like experience. 4. Hybrid: web technology wrapped in native container. Decision framework: 1. Performance requirements: games need native, content apps work cross-platform. 2. Platform features: camera, location, notifications importance. 3. Development resources: team skills, time-to-market. 4. Maintenance overhead: multiple codebases vs. shared code. Mobile-first considerations: 1. Touch interface design: finger-friendly targets, gestures. 2. Performance optimization: battery life, network efficiency. 3. Offline functionality: local storage, sync capabilities. 4. Push notifications: engagement and retention strategy. App store strategy: 1. App Store Optimization (ASO): keywords, screenshots, reviews. 2. Release strategy: phased rollouts, A/B testing. Distribution: direct download, enterprise app stores, web-to-app flows. Analytics: mobile-specific metrics, session depth, crash tracking.

Build a cross-platform desktop app with Electron and React. Architecture: 1. Main process for system APIs. 2. Renderer process with React UI. 3. IPC communication between processes. 4. Context isolation for security. 5. Auto-updater for releases. 6. Native menus and tray icons. 7. File system access and dialogs. 8. Custom window controls. Use electron-builder for packaging and implement deep linking for protocol handling.

Design Flutter apps with platform-adaptive UI. Architecture: 1. StatelessWidget and StatefulWidget patterns. 2. Provider or Riverpod for state management. 3. Platform checks for iOS/Android differences. 4. Cupertino widgets for iOS feel. 5. Material Design 3 for Android. 6. Responsive layouts with LayoutBuilder. 7. Custom theming with ThemeData. 8. Navigation with GoRouter. Use const constructors for performance and implement accessibility with Semantics.

Build native mobile apps with Capacitor. Features: 1. Shared web codebase for iOS/Android. 2. Native plugin APIs (Camera, Geolocation, Storage). 3. Custom native plugins. 4. Live reload during development. 5. Native UI components when needed. 6. App Store deployment workflow. 7. Push notifications with FCM. 8. Biometric authentication. Use with Ionic components or any web framework. Implement offline-first with service workers.