For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
Navigation principale

Suggestions
API Dashboard
Essayer ChatGPT
Codex

Codex use case

Développer des applications React Native avec Expo

Passez d’une idée d’application mobile à une application Expo fonctionnelle grâce au plugin dédié.

Difficulty Intermédiaire
Time horizon 1 h

Utilisez Codex avec le plugin Expo pour générer la structure initiale d’applications React Native, respecter les conventions d’Expo Router et des packages propres à Expo, tester rapidement avec Expo Go, puis ne passer aux clients de développement ou aux builds EAS que lorsque l’application en a besoin.

Idéal pour

  • Développeurs qui souhaitent prototyper ou publier une application React Native avec Expo avant de recourir à des flux de travail reposant sur des IDE natifs.
  • Projets Expo Router pour lesquels Codex doit respecter les conventions Expo concernant le routage, l’interface utilisateur, l’installation de packages, les builds et le déploiement.
  • Développeurs qui doivent migrer une application web vers une application mobile.

Contents

    ← Tous les cas d’utilisation

    Développer des applications React Native avec Expo

    Passez d’une idée d’application mobile à une application Expo fonctionnelle grâce au plugin dédié.

    Utilisez Codex avec le plugin Expo pour générer la structure initiale d’applications React Native, respecter les conventions d’Expo Router et des packages propres à Expo, tester rapidement avec Expo Go, puis ne passer aux clients de développement ou aux builds EAS que lorsque l’application en a besoin.

    Intermédiaire
    1 h

    Utilisez Codex avec le plugin Expo pour générer la structure initiale d’applications React Native, respecter les conventions d’Expo Router et des packages propres à Expo, tester rapidement avec Expo Go, puis ne passer aux clients de développement ou aux builds EAS que lorsque l’application en a besoin.

    Intermédiaire
    1 h

    Liens connexes

    Plugin Expo Configuration du Serveur MCP Expo

    Idéal pour

    • Développeurs qui souhaitent prototyper ou publier une application React Native avec Expo avant de recourir à des flux de travail reposant sur des IDE natifs.
    • Projets Expo Router pour lesquels Codex doit respecter les conventions Expo concernant le routage, l’interface utilisateur, l’installation de packages, les builds et le déploiement.
    • Développeurs qui doivent migrer une application web vers une application mobile.

    Skills et plugins

    • Expo
      Utilisez les Skills d’Expo pour les interfaces Expo Router, les composants au rendu natif, la récupération de données, les clients de développement, le déploiement, les mises à niveau, les modules et l’intégration de l’action Codex Run.
    Skill Why use it
    Expo Utilisez les Skills d’Expo pour les interfaces Expo Router, les composants au rendu natif, la récupération de données, les clients de développement, le déploiement, les mises à niveau, les modules et l’intégration de l’action Codex Run.

    Prompt de démarrage

    Utilisez le plugin Expo pour créer avec Expo une application React Native à partir de cette idée : [describe the app idea, target users, and the main workflow] Exigences : - Commencez par utiliser Expo Router et par suivre les conventions de projet propres à Expo. - Essayez d’abord `npx expo start` avec Expo Go avant de créer un build personnalisé. - Utilisez `npx expo install` pour les packages Expo afin que les dépendances restent compatibles. - Adoptez des modèles d’interface au rendu natif pour la navigation, les formulaires, les listes, les états vides et les états de chargement. Fournissez : - la partie fonctionnelle de l’application - la commande de lancement - la procédure de vérification utilisée, en précisant si vous avez utilisé Expo Go, un appareil, un simulateur, un client de développement ou EAS
    Utilisez le plugin Expo pour créer avec Expo une application React Native à partir de cette idée : [describe the app idea, target users, and the main workflow] Exigences : - Commencez par utiliser Expo Router et par suivre les conventions de projet propres à Expo. - Essayez d’abord `npx expo start` avec Expo Go avant de créer un build personnalisé. - Utilisez `npx expo install` pour les packages Expo afin que les dépendances restent compatibles. - Adoptez des modèles d’interface au rendu natif pour la navigation, les formulaires, les listes, les états vides et les états de chargement. Fournissez : - la partie fonctionnelle de l’application - la commande de lancement - la procédure de vérification utilisée, en précisant si vous avez utilisé Expo Go, un appareil, un simulateur, un client de développement ou EAS

    Commencez par Expo Go

    Expo est un excellent choix par défaut lorsque vous souhaitez que Codex transforme une idée d’application mobile en une application React Native testée. Le cycle à suivre consiste à commencer par expo start, puis à utiliser Expo Go sur un appareil et, enfin, à passer à un client de développement ou à un build EAS uniquement s’il faut du code natif personnalisé, distribuer l’application via une boutique d’applications ou utiliser une fonctionnalité qu’Expo Go ne peut pas exécuter.

    Cela permet à Codex de se concentrer sur le flux de travail de l’application au lieu de consacrer la première itération à la configuration des IDE natifs et des simulateurs, au provisionnement ou à la configuration du build.

    Utilisez le plugin Expo

    Expo a publié un plugin Expo qui fournit à Codex des recommandations propres à Expo pour Expo Router, les interfaces au rendu natif, les formulaires, la navigation, les animations, la récupération de données, la configuration de NativeWind, les modules Expo, les clients de développement, le déploiement, les mises à niveau et l’intégration de l’action Codex Run.

    Utilisez-le lorsque Codex crée de nouveaux écrans Expo, ajoute des packages, intègre des appels d’API, prépare un client de développement ou prépare une application pour TestFlight, l’App Store, le Play Store ou EAS Hosting.

    Ajoutez, si besoin, le Serveur MCP Expo lorsque la tâche nécessite de consulter la documentation Expo à jour, d’installer des packages compatibles, d’effectuer des opérations sur les builds et les flux de travail EAS, de prendre des captures d’écran, d’interagir avec le simulateur, d’utiliser React Native DevTools ou d’accéder aux données de TestFlight.

    Processus d’itération

    1. Demandez à Codex d’inspecter le dépôt et de confirmer s’il s’agit d’une nouvelle application Expo ou d’un projet Expo existant.
    2. Commencez par Expo Router et Expo Go, et utilisez npx expo install lorsque vous ajoutez des packages Expo.
    3. Demandez à Codex de créer un flux de travail complet avec une navigation au rendu natif, des états de chargement, des états vides et des états d’erreur.
    4. Procédez à la vérification par le moyen le plus rapide disponible, par exemple avec Expo Go sur un appareil ou un simulateur, puis ne passez à un client de développement ou à EAS que si nécessaire.

    Suggestion de prompt de suivi

    Utilisez le plugin Expo pour ajouter à cette application l’élément suivant, de type [feature/screen/flow] : [describe one feature, screen or user flow] Contraintes : - Conservez Expo Router comme couche de routage. - Installez les packages de façon compatible avec Expo. - Testez d’abord avec Expo Go. - Ne passez à un client de développement ou à EAS que si cette fonctionnalité l’exige. Une fois l’implémentation terminée, indiquez-moi la procédure exacte que vous avez suivie pour exécuter l’application et ce que vous avez vérifié.

    Tech stack

    Need

    Framework mobile

    Default options

    Expo et React Native

    Why it's needed

    Expo permet à Codex de suivre une approche React Native gérée, avec des itérations rapides, des packages compatibles et des outils de déploiement.

    Need

    Routage

    Default options

    Expo Router

    Why it's needed

    Avec Expo Router, la navigation repose sur les fichiers et reste prévisible, ce qui aide Codex à ajouter des écrans et des parcours sans inventer de couche de routage personnalisée.

    Need Default options Why it's needed
    Framework mobile Expo et React Native Expo permet à Codex de suivre une approche React Native gérée, avec des itérations rapides, des packages compatibles et des outils de déploiement.
    Routage Expo Router Avec Expo Router, la navigation repose sur les fichiers et reste prévisible, ce qui aide Codex à ajouter des écrans et des parcours sans inventer de couche de routage personnalisée.

    Cas d’utilisation associés

    Passez de l’idée à la preuve de concept

    Utilisez Codex avec ImageGen pour passer d’une idée encore sommaire à une orientation...

    Front-end Ingénierie

    Créez un guide interactif basé sur l’IA

    Utilisez Codex pour ajouter un parcours guidé reposant sur WebMCP à votre application web

    Front-end Ingénierie

    Créer des jeux sur navigateur

    Avec Codex, transformez le brief d’un jeu en un plan bien défini, puis en un véritable jeu...

    Ingénierie Code