Need
Framework mobile
Default options
Expo et React Native
Why it's needed
Expo fournit à Codex un environnement React Native géré qui facilite les itérations rapides et propose des packages compatibles ainsi que des outils de déploiement.
Codex use case
Créez 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 Intermediate
Time horizon 1h
Utilisez Codex avec le plugin Expo pour créer la structure de vos applications React Native en suivant les conventions d’Expo Router et des packages Expo. Testez rapidement vos applications avec Expo Go. Passez à un client de développement ou à un build EAS uniquement si l’application le nécessite.
Best for
- Les développeurs qui souhaitent prototyper ou livrer une application React Native avec Expo avant de recourir aux workflows des IDE natifs.
- Les projets Expo Router dans lesquels Codex doit suivre les conventions d’Expo pour le routage, l’interface utilisateur, l’installation des packages, les builds et le déploiement.
- Les développeurs qui doivent porter une application web sur mobile.
Contents
Créez 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 créer la structure de vos applications React Native en suivant les conventions d’Expo Router et des packages Expo. Testez rapidement vos applications avec Expo Go. Passez à un client de développement ou à un build EAS uniquement si l’application le nécessite.
Intermediate
1h
Utilisez Codex avec le plugin Expo pour créer la structure de vos applications React Native en suivant les conventions d’Expo Router et des packages Expo. Testez rapidement vos applications avec Expo Go. Passez à un client de développement ou à un build EAS uniquement si l’application le nécessite.
Intermediate
1h
Related links
Best for
- Les développeurs qui souhaitent prototyper ou livrer une application React Native avec Expo avant de recourir aux workflows des IDE natifs.
- Les projets Expo Router dans lesquels Codex doit suivre les conventions d’Expo pour le routage, l’interface utilisateur, l’installation des packages, les builds et le déploiement.
- Les développeurs qui doivent porter une application web sur mobile.
Skills & Plugins
- Utilisez les skills de l’équipe Expo pour concevoir des interfaces avec Expo Router, créer des composants qui se comportent comme des composants natifs et récupérer des données. Ces skills couvrent aussi les clients de développement, le déploiement, les mises à niveau, les modules et la configuration de l’action d’exécution de Codex.
| Skill | Why use it |
|---|---|
| Expo | Utilisez les skills de l’équipe Expo pour concevoir des interfaces avec Expo Router, créer des composants qui se comportent comme des composants natifs et récupérer des données. Ces skills couvrent aussi les clients de développement, le déploiement, les mises à niveau, les modules et la configuration de l’action d’exécution de Codex. |
Starter prompt
Utilisez le plugin Expo pour créer une application React Native avec Expo à partir de cette idée :
[describe the app idea, target users, and the main workflow]
Exigences :
- Commencez avec Expo Router et suivez les conventions propres aux projets Expo.
- Essayez `npx expo start` avec Expo Go avant de créer un build personnalisé.
- Installez les packages Expo avec `npx expo install` pour que les dépendances restent compatibles.
- Suivez les conventions des interfaces mobiles natives pour la navigation, les formulaires, les listes, les états vides et les états de chargement.
Fournissez :
- la partie fonctionnelle de l’application que vous avez réalisée
- la commande de lancement
- les étapes de vérification suivies, en précisant les outils et environnements utilisés (Expo Go, appareil physique, simulateur, client de développement ou EAS)
Utilisez le plugin Expo pour créer une application React Native avec Expo à partir de cette idée :
[describe the app idea, target users, and the main workflow]
Exigences :
- Commencez avec Expo Router et suivez les conventions propres aux projets Expo.
- Essayez `npx expo start` avec Expo Go avant de créer un build personnalisé.
- Installez les packages Expo avec `npx expo install` pour que les dépendances restent compatibles.
- Suivez les conventions des interfaces mobiles natives pour la navigation, les formulaires, les listes, les états vides et les états de chargement.
Fournissez :
- la partie fonctionnelle de l’application que vous avez réalisée
- la commande de lancement
- les étapes de vérification suivies, en précisant les outils et environnements utilisés (Expo Go, appareil physique, simulateur, client de développement ou EAS)
Commencez avec Expo Go
Expo est un bon choix par défaut pour passer, avec Codex, d’une idée d’application mobile à une application React Native testée. Lancez d’abord expo start, puis testez l’application avec Expo Go sur un appareil. Passez à un client de développement ou à un build EAS uniquement si l’application nécessite du code natif personnalisé, si vous devez la distribuer sur une boutique d’applications ou si elle utilise une fonctionnalité qu’Expo Go ne prend pas en charge.
Codex peut ainsi se concentrer dès la première itération sur le parcours utilisateur, sans avoir à configurer un IDE natif ou un simulateur, à gérer le provisionnement ou à configurer la compilation.
Utilisez le plugin Expo
Expo a publié un plugin Expo qui guide Codex dans l’utilisation d’Expo Router, des interfaces natives, des formulaires, de la navigation et des animations. Il couvre aussi 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 la configuration de l’action Run de Codex.
Utilisez-le lorsque Codex crée des écrans Expo, ajoute des paquets, 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.
Vous pouvez aussi ajouter le Serveur MCP d’Expo si la tâche nécessite de consulter la documentation Expo à jour, d’installer des paquets compatibles, de lancer des builds ou de gérer des workflows avec EAS, de prendre des captures d’écran, d’interagir avec un simulateur, d’utiliser React Native DevTools ou de consulter des données TestFlight.
Déroulement d’une itération
- Demandez à Codex d’examiner le dépôt et de confirmer s’il s’agit d’une nouvelle application Expo ou d’un projet Expo existant.
- Commencez avec Expo Router et Expo Go. Utilisez
npx expo installpour ajouter des paquets Expo. - Demandez à Codex de réaliser un parcours utilisateur complet, avec une navigation qui reprend les conventions de la plateforme et des écrans adaptés au chargement, à l’absence de données et aux erreurs.
- Testez l’application par le moyen le plus rapide à votre disposition, par exemple avec Expo Go sur un appareil ou un simulateur. Passez à un client de développement ou à EAS uniquement si nécessaire.
Prompt suggéré pour la suite
Utilisez le plugin Expo pour ajouter à cette application l’élément suivant [feature/screen/flow] :
[describe one feature, screen or user flow]
Contraintes :
- Conservez Expo Router pour le routage.
- Installez les paquets avec une méthode compatible avec Expo.
- Testez d’abord avec Expo Go.
- Passez à un client de développement ou à EAS uniquement si cette fonctionnalité l’exige.
Une fois l’implémentation terminée, indiquez-moi les étapes exactes que vous avez suivies pour lancer l’application et ce que vous avez vérifié.
Tech stack
Need
Default options
Why it's needed
Need
Routage
Default options
Why it's needed
Avec Expo Router, la structure des fichiers détermine les routes. Codex peut ainsi ajouter des écrans et des parcours sans créer de couche de routage sur mesure.
| Need | Default options | Why it's needed |
|---|---|---|
| Framework mobile | Expo et React Native | Expo fournit à Codex un environnement React Native géré qui facilite les itérations rapides et propose des packages compatibles ainsi que des outils de déploiement. |
| Routage | Expo Router | Avec Expo Router, la structure des fichiers détermine les routes. Codex peut ainsi ajouter des écrans et des parcours sans créer de couche de routage sur mesure. |
Related use cases
Passez de l’idée à la preuve de concept
Avec Codex et ImageGen, partez d’une idée encore vague pour définir une piste visuelle
Front-end Engineering
Créer des jeux par navigateur
Décrivez votre jeu à Codex pour qu’il en tire un plan précis, puis développe une version...
Engineering Code
Créer une visite guidée avec l’IA
Utilisez Codex et WebMCP pour ajouter une visite guidée à votre application web
Front-end Engineering