Build modern mobile applications with React Native, Flutter, Swift/SwiftUI, and Kotlin/Jetpack Compose. Covers mobile-first design principles, performance optimization (battery, memory, network), offline-first architecture, platform-specific guidelines (iOS HIG, Material Design), testing strategies, security best practices, accessibility, app store deployment, and mobile development mindset. Use when building mobile apps, implementing mobile UX patterns, optimizing for mobile constraints, or making native vs cross-platform decisions. | Sử dụng khi: ứng dụng di động, React Native, Flutter, iOS, Android.
Production-ready mobile development with modern frameworks, best practices, and mobile-first thinking patterns.
Cross-Platform Frameworks:
Native Development:
See: references/mobile-frameworks.md for detailed framework comparisons
The 10 Commandments of Mobile Development:
See: references/mobile-mindset.md for thinking patterns and decision frameworks
Core Technologies:
mobile-frameworks.md - React Native, Flutter, Swift, Kotlin, framework comparison matrices, when to use eachmobile-ios.md - Swift 6, SwiftUI, iOS architecture patterns, HIG, App Store requirements, platform capabilitiesmobile-android.md - Kotlin, Jetpack Compose, Material Design 3, Play Store, Android-specific featuresBest Practices & Development Mindset:
mobile-best-practices.md - Mobile-first design, performance optimization, offline-first architecture, security, testing, accessibility, deployment, analyticsmobile-debugging.md - Debugging tools, performance profiling, crash analysis, network debugging, platform-specific debuggingmobile-mindset.md - Thinking patterns, decision frameworks, platform-specific thinking, common pitfalls, debugging strategiesPerformance Targets:
Architecture:
Security (OWASP Mobile Top 10):
Testing Strategy:
Deployment:
| Need | Choose |
|---|---|
| JavaScript team, web code sharing | React Native |
| Performance-critical, complex animations | Flutter |
| Maximum iOS performance, latest features | Swift/SwiftUI native |
| Maximum Android performance, Material 3 | Kotlin/Compose native |
| Rapid prototyping | React Native + Expo |
| Desktop + mobile | Flutter |
| Enterprise with JavaScript skills | React Native |
| Startup with limited resources | Flutter or React Native |
| Gaming or heavy graphics | Native (Swift/Kotlin) or Unity |
| Criterion | React Native | Flutter | Swift/SwiftUI | Kotlin/Compose |
|---|---|---|---|---|
| Stars | 121K | 170K | N/A | N/A |
| Adoption | 35% | 46% | iOS only | Android only |
| Performance | 80-90% native | 85-95% native | 100% native | 100% native |
| Dev Speed | Fast (hot reload) | Very fast (hot reload) | Fast (Xcode Previews) | Fast (Live Edit) |
| Learning Curve | Easy (JavaScript) | Medium (Dart) | Medium (Swift) | Medium (Kotlin) |
| UI Paradigm | Component-based | Widget-based | Declarative | Declarative |
| Community | Huge (npm) | Growing | Apple ecosystem | Android ecosystem |
| Best For | JS teams, web sharing | Performance, animations | iOS-only apps | Android-only apps |
Project Setup:
Architecture:
Core Features:
UI/UX:
Performance:
Quality:
Security:
Deployment:
iOS (Human Interface Guidelines):
Android (Material Design 3):
Recommended Targets:
Official Documentation:
Tools & Testing:
Community: