React Native mobile patterns — Expo, navigation, NativeWind, platform code
Structure de projet, composants fonctionnels typés, code spécifique aux plateformes, Expo Router, hooks React Query, styling NativeWind, safe area/clavier, store d'auth Zustand persisté, anti-patterns, aide-mémoire
- Quoi
- Structure de projet, composants fonctionnels typés, code spécifique aux plateformes, Expo Router, hooks React Query, styling NativeWind, safe area/clavier, store d'auth Zustand persisté, anti-patterns, aide-mémoire
- Coût
- Gratuit
- Prérequis
- un projet React Native (workflow Expo ou bare) — le skill est un guide de patterns que l'agent suit, pas un logiciel
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — react-native de @gentleman-programming : un skill de patterns pour le développement mobile React Native avec Expo et le workflow bare. Couvre la structure de projet (groupes Expo Router, composants, hooks, services, stores, utils), les composants fonctionnels en TypeScript, le code spécifique aux plateformes via Platform.select ou les extensions de fichiers .ios/.android, la configuration de navigation Expo Router, les hooks personnalisés React Query, le styling NativeWind (Tailwind pour React Native), la gestion safe-area/clavier, et un store d'auth Zustand persisté. Documente aussi les anti-patterns (styles inline partout, TouchableOpacity pour tout, états de chargement/erreur oubliés) et une table d'aide-mémoire des commandes et patterns. Bémols honnêtes : guidance en un seul fichier avec des liens vers les docs officielles Expo/React Native/NativeWind plutôt que des références groupées ; certains exemples de code sont illustratifs (p. ex. référence à un '@/services/user' non livré avec le skill). Le frontmatter du skill ne mentionne aucune licence ; le manifest du catalogue indique MIT — le manifest fait foi. Licence MIT selon le manifest. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet React Native (workflow Expo ou bare) — le skill est un guide de patterns que l'agent suit, pas un logiciel Installe-moi « Patterns mobiles React Native — Expo, navigation, NativeWind, code par plateforme ». Il donne à mon agent les patterns mobiles de @gentleman-programming : structure de projet recommandée, composants fonctionnels typés, code spécifique aux plateformes (Platform.select ou extensions de fichiers), navigation Expo Router, hooks de données React Query, styling NativeWind, gestion safe-area/clavier, pattern de store d'auth Zustand persisté, anti-patterns à éviter, et table d'aide-mémoire. Note de licence : le frontmatter du skill ne mentionne aucune licence ; le manifest du catalogue indique MIT — le manifest fait foi. Dépôt : https://github.com/gentleman-programming/gentleman-skills/blob/main/community/react-native/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers d'aide éventuels) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « react-native ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (rien — c'est un guide de patterns que l'agent applique en écrivant du code React Native). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.