Compétences react-native-architecture
📱

react-native-architecture

Sûr 🌐 Accès réseau⚙️ Commandes externes

Concevoir une architecture React Native rapidement

Les applications React Native complexes peuvent devenir difficiles à mettre à l'échelle et à maintenir. Cette compétence fournit des modèles d'architecture Expo éprouvés et des exemples de code pour créer des applications de production avec la navigation, la synchronisation hors ligne et les modules natifs.

Prend en charge: Claude Codex Code(CC)
📊 70 Adéquat
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "react-native-architecture". Outline an Expo Router structure with auth and tabs

Résultat attendu:

  • Regrouper les routes dans les dossiers (auth) et (tabs)
  • Utiliser une disposition racine pour configurer les fournisseurs partagés
  • Rediriger les utilisateurs non authentifiés vers la connexion
  • Définir les écrans d'onglets avec des icônes cohérentes

Utilisation de "react-native-architecture". Show how to persist data offline

Résultat attendu:

  • Utiliser React Query avec le persister AsyncStorage
  • Configurer staleTime et gcTime pour la mise en cache
  • Implémenter des mises à jour optimistes pour une meilleure UX
  • Synchroniser les données lorsque la connexion est rétablie

Utilisation de "react-native-architecture". What native modules should I use

Résultat attendu:

  • expo-secure-store pour le stockage sécurisé des jetons
  • expo-haptics pour le retour tactile
  • expo-local-authentication pour la biométrie
  • expo-notifications pour les alertes push

Audit de sécurité

Sûr
v4 • 1/17/2026

This is a documentation-only skill containing architectural patterns and example code. Static analyzer flagged documentation keywords as security issues, but all findings are false positives. No executable code, file access, or network requests exist. The skill contains only markdown documentation with TypeScript/JavaScript examples for React Native development.

2
Fichiers analysés
849
Lignes analysées
2
résultats
4
Total des audits

Facteurs de risque

🌐 Accès réseau (6)
skill-report.json:41 skill-report.json:6 SKILL.md:668 SKILL.md:669 SKILL.md:670 SKILL.md:671
⚙️ Commandes externes (22)
SKILL.md:23-37 SKILL.md:37-51 SKILL.md:51-59 SKILL.md:59-61 SKILL.md:61-80 SKILL.md:80-86 SKILL.md:86-158 SKILL.md:158-162 SKILL.md:162-242 SKILL.md:242-246 SKILL.md:246-329 SKILL.md:329-333 SKILL.md:333-426 SKILL.md:426-430 SKILL.md:430-485 SKILL.md:485-542 SKILL.md:542-546 SKILL.md:546-605 SKILL.md:605-609 SKILL.md:609-634 SKILL.md:634-636 SKILL.md:636-648
Audité par: claude Voir l’historique des audits →

Score de qualité

38
Architecture
100
Maintenabilité
85
Contenu
30
Communauté
100
Sécurité
87
Conformité aux spécifications

Ce que vous pouvez construire

Planifier la structure de l'application

Définir la disposition des dossiers, les groupes de routage et les fournisseurs pour une nouvelle application React Native.

Ajouter la synchronisation hors ligne

Choisir la persistance React Query et les modèles de mise à jour optimiste pour une utilisation hors ligne.

Améliorer les performances

Sélectionner les stratégies de rendu de liste et de mémorisation pour les grands ensembles de données.

Essayez ces prompts

Démarrer une nouvelle application 
Suggérer une structure de projet React Native et une disposition Expo Router pour des onglets et l'authentification.
Ajouter un flux d'authentification 
Fournir un modèle AuthProvider avec protection des routes et stockage sécurisé des jetons.
Données hors ligne en premier 
Expliquer la mise en cache hors ligne, les mises à jour optimistes et l'invalidation avec React Query.
Intégrations natives 
Lister les bonnes pratiques pour les retours haptiques, la biométrie et les notifications push dans Expo.

Bonnes pratiques

  • Utiliser les groupes Expo Router pour organiser les flux de navigation
  • Persister les requêtes pour l'accès hors ligne et un démarrage rapide
  • Tester sur de vrais appareils pour le comportement de la plateforme

Éviter

  • Stocker les secrets directement dans le code source
  • Récupérer des données à l'intérieur des fonctions de rendu
  • Ignorer les différences d'interface utilisateur iOS et Android

Foire aux questions

Est-ce compatible avec Expo et bare React Native ?
Oui. Elle se concentre sur Expo mais indique quand React Native diffère.
Quelles sont les limites de cette compétence ?
Elle fournit des modèles d'architecture et des exemples, pas des constructions d'applications complètes.
Puis-je l'intégrer avec une application existante ?
Oui. Les modèles peuvent être adaptés à votre structure actuelle.
Accède-t-elle ou stocke-t-elle mes données ?
Non. C'est uniquement de la documentation et n'accède pas aux fichiers ou aux réseaux.
Que faire si les exemples ne correspondent pas à ma configuration ?
Partagez vos contraintes et elle peut adapter les conseils d'architecture.
Comment cela se compare-t-il aux conseils génériques React Native ?
Elle se concentre sur l'architecture de production, le routage, la synchronisation hors ligne et les modules natifs.

Détails du développeur

Auteur

wshobson

Licence

MIT

Dépôt

https://github.com/wshobson/agents/tree/main/plugins/frontend-mobile-development/skills/react-native-architecture

Réf

main

Structure de fichiers

📄 SKILL.md