المهارات Mobile Developer
📱

Mobile Developer

آمن

Créer des applications mobiles multiplateformes avec React Native et Flutter

Les développeurs mobiles rencontrent des difficultés avec la cohérence multiplateforme et les intégrations natives. Cette compétence fournit une expertise pour React Native, Flutter et le développement natif avec des modèles d'architecture modernes.

يدعم: Claude Codex Code(CC)
🥉 72 برونزي
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "Mobile Developer". Configurer un projet React Native avec navigation

النتيجة المتوقعة:

  • 1. Initialiser le projet : npx react-native init MyApp --template react-native-template-typescript
  • 2. Installer la navigation : npm install @react-navigation/native @react-navigation/stack
  • 3. Installer les dépendances : npm install react-native-screens react-native-safe-area-context
  • 4. Créer la structure de navigation avec Stack.Navigator et Screen components
  • 5. Configurer le deep linking dans AndroidManifest.xml et Info.plist

استخدام "Mobile Developer". Implémenter la synchronisation offline pour une application Flutter

النتيجة المتوقعة:

  • Utiliser Hive ou Isar pour le stockage de base de données locale
  • Implémenter le modèle Repository avec des sources de données locales et distantes
  • Créer un service de synchronisation avec un listener de connectivité utilisant le package connectivity_plus
  • Gérer la résolution de conflits avec last-write-wins ou vector clocks
  • Mettre en file d'attente les mutations pour réessayer lorsque la connexion est rétablie

التدقيق الأمني

آمن
v1 • 2/25/2026

This skill contains only prompt instructions with no executable code. Static analysis scanned 0 files and detected 0 security issues. The skill provides mobile development guidance for React Native, Flutter, and native platforms without any network access, filesystem operations, or external command execution. Safe for publication.

0
الملفات التي تم فحصها
0
الأسطر التي تم تحليلها
0
النتائج
1
إجمالي عمليات التدقيق
لا توجد مشكلات أمنية
تم تدقيقه بواسطة: claude

درجة الجودة

38
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
50
المجتمع
100
الأمان
74
الامتثال للمواصفات

ماذا يمكنك بناءه

Application E-Commerce Multiplateforme

Créer une application e-commerce React Native avec panier offline, intégration de paiement et notifications push pour les mises à jour de commandes

Migration Enterprise Flutter

Migrer une application Xamarin héritée vers Flutter avec Material Design 3, base de données locale et authentification enterprise

Intégration de Fonctionnalités Natives

Créer des modules natifs pour le traitement photo, l'authentification biométrique et la connectivité BLE dans les applications multiplateformes

جرّب هذه الموجهات

Configuration d'Application Mobile de Base
Créer une nouvelle application React Native avec TypeScript, configuration de la navigation et structure de dossiers suivant les bonnes pratiques. Inclure les instructions pour l'exécution sur simulateurs iOS et Android.
Implémentation de la Gestion d'État
Implémenter Redux Toolkit dans mon application React Native pour gérer l'état d'authentification utilisateur, le panier d'achat et le cache API. Inclure la structure de dossiers et la configuration du store.
Création de Module Natif
Guider pour créer un module iOS natif en Swift pour React Native qui accède à l'appareil photo pour la numérisation de documents avec détection de contours. Inclure le code de pontage.
Audit d'Optimisation des Performances
Examiner l'architecture de mon application Flutter et identifier les goulots d'étranglement de performance. Fournir des recommandations spécifiques pour améliorer le temps de démarrage, l'utilisation mémoire et maintenir 60fps pendant le défilement et les animations.

أفضل الممارسات

  • Suivre les lignes directrices de conception spécifiques à la plateforme : Human Interface Guidelines pour iOS et Material Design pour Android
  • Implémenter des limites d'erreur appropriées et une dégradation élégante pour les scénarios offline
  • Utiliser des variables d'environnement pour les endpoints API et ne jamais commiter de configuration sensible dans le contrôle de version

تجنب

  • Stocker des clés API ou des secrets directement dans le code de l'application au lieu d'utiliser des services backend sécurisés
  • Faire des appels réseau synchrones sur le thread principal provoquant des figages de l'UI
  • Ignorer les fonctionnalités d'accessibilité spécifiques à la plateforme et les tailles de zone tactile

الأسئلة المتكررة

Dois-je choisir React Native ou Flutter pour mon projet ?
Choisissez React Native si vous avez une expertise JavaScript ou avez besoin d'une intégration de modules natifs. Choisissez Flutter pour une UI cohérente sur les plateformes et des performances supérieures. Les deux sont prêts pour la production avec des écosystèmes solides.
Comment gérer les différentes tailles d'écran et densités ?
Utilisez un design responsive avec des mises en page basées sur des pourcentages, des ressources spécifiques à la plateforme, et des bibliothèques comme react-native-responsive-dimensions ou LayoutBuilder de Flutter. Testez sur plusieurs tailles d'appareil pendant le développement.
Quelle est la durée typique d'examen d'application pour iOS et Android ?
L'examen de l'App Store iOS prend généralement 24 à 48 heures. L'examen Google Play varie de quelques heures à 2 jours pour les nouvelles applications. Prévoyez une marge de temps pour les rejets potentielles et les nouvelles soumissions.
Comment implémenter l'authentification biométrique ?
Utilisez react-native-biometrics ou expo-local-authentication pour React Native. Pour Flutter, utilisez le package local_auth. Fournissez toujours une authentification de secours et gérez les flux d'autorisation spécifiques à la plateforme.
Quelle est la meilleure approche pour les applications mobiles offline-first ?
Implémentez une base de données locale (SQLite, Realm, Hive), mettez en file d'attente les mutations pour la synchronisation, utilisez des mises à jour UI optimistes, et gérez la résolution de conflits. Envisagez d'utiliser des bibliothèques comme WatermelonDB ou RxDB pour la synchronisation réactive.
Comment réduire la taille du bundle de l'application mobile ?
Activez ProGuard/R8 pour Android, utilisez l'éclaircissement d'app pour iOS, chargez les fonctionnalités en différé, optimisez les images avec le format WebP, supprimez le code et les ressources inutilisés, et envisagez une architecture modulaire pour les grandes applications.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

مرجع

main

بنية الملفات

📄 SKILL.md