Need
Framework für mobile Apps
Default options
Expo und React Native
Why it's needed
Expo bietet Codex für React Native einen verwalteten Entwicklungsablauf mit schnellen Iterationen, kompatiblen Paketen und Tools für die Bereitstellung.
Codex use case
Apps mit React Native und Expo entwickeln
Mit dem eigens dafür entwickelten Plug-in wird aus deiner Idee für eine mobile App eine funktionsfähige Expo-App.
Difficulty Mittelstufe
Time horizon 1 h
Nutze Codex zusammen mit dem Expo-Plug-in, um Apps mit React Native zu erstellen, dabei die Konventionen von Expo Router und die Paketkonventionen von Expo einzuhalten, sie schnell mit Expo Go zu testen und nur bei Bedarf zu Dev-Clients oder EAS-Builds überzugehen.
Am besten geeignet für
- Alle, die mit Expo eine App mit React Native prototypisieren oder veröffentlichen möchten, bevor sie auf native IDE-Arbeitsabläufe zurückgreifen.
- Projekte mit Expo Router, in denen Codex die Expo-Konventionen für Routing, Benutzeroberfläche, Paketinstallationen, Builds und Bereitstellung einhalten soll.
- Alle, die eine Web-App in eine mobile App migrieren müssen.
Contents
Apps mit React Native und Expo entwickeln
Mit dem eigens dafür entwickelten Plug-in wird aus deiner Idee für eine mobile App eine funktionsfähige Expo-App.
Nutze Codex zusammen mit dem Expo-Plug-in, um Apps mit React Native zu erstellen, dabei die Konventionen von Expo Router und die Paketkonventionen von Expo einzuhalten, sie schnell mit Expo Go zu testen und nur bei Bedarf zu Dev-Clients oder EAS-Builds überzugehen.
Mittelstufe
1 h
Nutze Codex zusammen mit dem Expo-Plug-in, um Apps mit React Native zu erstellen, dabei die Konventionen von Expo Router und die Paketkonventionen von Expo einzuhalten, sie schnell mit Expo Go zu testen und nur bei Bedarf zu Dev-Clients oder EAS-Builds überzugehen.
Mittelstufe
1 h
Weiterführende Links
Am besten geeignet für
- Alle, die mit Expo eine App mit React Native prototypisieren oder veröffentlichen möchten, bevor sie auf native IDE-Arbeitsabläufe zurückgreifen.
- Projekte mit Expo Router, in denen Codex die Expo-Konventionen für Routing, Benutzeroberfläche, Paketinstallationen, Builds und Bereitstellung einhalten soll.
- Alle, die eine Web-App in eine mobile App migrieren müssen.
Skills und Plug-ins
- Nutze die von Expo bereitgestellten Skills für Benutzeroberflächen mit Expo Router, nativ wirkende Komponenten, Datenabrufe, Dev-Clients, Bereitstellung, Upgrades, Module und die Einbindung der Codex Run-Aktion.
| Skill | Why use it |
|---|---|
| Expo | Nutze die von Expo bereitgestellten Skills für Benutzeroberflächen mit Expo Router, nativ wirkende Komponenten, Datenabrufe, Dev-Clients, Bereitstellung, Upgrades, Module und die Einbindung der Codex Run-Aktion. |
Einstiegs-Prompt
Erstelle mit dem Expo-Plug-in für folgende Idee eine App mit React Native und Expo:
[describe the app idea, target users, and the main workflow]
Anforderungen:
- Beginne mit Expo Router und den Projektkonventionen von Expo.
- Probiere zuerst `npx expo start` und Expo Go aus, bevor du einen eigenen Build erstellst.
- Verwende `npx expo install` für Expo-Pakete, damit die Abhängigkeiten kompatibel bleiben.
- Verwende für Navigation, Formulare, Listen, Leerzustände und Ladezustände nativ wirkende UI-Muster.
Liefere:
- einen funktionsfähigen Teil der App
- den Befehl zum Ausführen
- das genaue Vorgehen, mit dem du die App überprüft hast, einschließlich Expo Go, Gerät, Simulator, Dev-Client oder EAS
Erstelle mit dem Expo-Plug-in für folgende Idee eine App mit React Native und Expo:
[describe the app idea, target users, and the main workflow]
Anforderungen:
- Beginne mit Expo Router und den Projektkonventionen von Expo.
- Probiere zuerst `npx expo start` und Expo Go aus, bevor du einen eigenen Build erstellst.
- Verwende `npx expo install` für Expo-Pakete, damit die Abhängigkeiten kompatibel bleiben.
- Verwende für Navigation, Formulare, Listen, Leerzustände und Ladezustände nativ wirkende UI-Muster.
Liefere:
- einen funktionsfähigen Teil der App
- den Befehl zum Ausführen
- das genaue Vorgehen, mit dem du die App überprüft hast, einschließlich Expo Go, Gerät, Simulator, Dev-Client oder EAS
Mit Expo Go beginnen
Expo ist eine gute Standardwahl, wenn Codex aus einer Idee für eine mobile App eine
getestete App mit React Native entwickeln soll. Ein sinnvoller Ablauf sieht so aus: Beginne mit expo start und verwende danach Expo Go
auf einem Gerät. Wechsle erst dann zu einem Dev-Client oder EAS-Build, wenn die App
benutzerdefinierten nativen Code, die Veröffentlichung in einem Store oder eine Funktion benötigt, die Expo Go nicht ausführen kann.
So kann sich Codex auf den Arbeitsablauf der App konzentrieren, statt beim ersten Durchlauf die native IDE und den Simulator einzurichten oder sich mit der Provisionierung und der Build-Konfiguration zu befassen.
Expo-Plug-in verwenden
Expo hat ein Expo-Plug-in veröffentlicht. Es bietet Codex Expo-spezifische Anleitungen zu Expo Router, nativen Benutzeroberflächen, Formularen, Navigation, Animationen, Datenabrufen, dem NativeWind-Setup, Expo-Modulen, Dev-Clients, Bereitstellung, Upgrades und der Einbindung der Codex Run-Aktion.
Verwende es, wenn Codex neue Expo-Ansichten erstellt, Pakete hinzufügt, API-Aufrufe einbindet, einen Dev-Client vorbereitet oder eine App für TestFlight, den App Store, den Play Store oder EAS Hosting bereit macht.
Füge optional den Expo MCP-Server hinzu, wenn die Aufgabe Folgendes erfordert: das Nachschlagen in der aktuellen Expo-Dokumentation, die Installation kompatibler Pakete, Vorgänge für EAS-Builds und Arbeitsabläufe, Screenshots, die Interaktion mit dem Simulator, React Native DevTools oder TestFlight-Daten.
Iterationsprozess
- Lass Codex das Repository prüfen und feststellen, ob es eine neue Expo-App oder ein bestehendes Expo-Projekt ist.
- Beginne mit Expo Router und Expo Go und verwende
npx expo install, wenn du Expo-Pakete hinzufügst. - Lass Codex einen vollständigen Arbeitsablauf mit nativ wirkender Navigation, Ladezuständen, Leerzuständen und Fehlerzuständen umsetzen.
- Nutze zur Überprüfung die schnellste verfügbare Option, etwa Expo Go auf einem Gerät oder in einem Simulator, und wechsle nur bei Bedarf zu einem Dev-Client oder EAS.
Vorschlag für einen Folge-Prompt
Füge dieser App mit dem Expo-Plug-in Folgendes hinzu ([feature/screen/flow]):
[describe one feature, screen or user flow]
Vorgaben:
- Behalte Expo Router als Routing-Schicht bei.
- Installiere Pakete so, dass sie mit Expo kompatibel bleiben.
- Teste zuerst mit Expo Go.
- Wechsle nur dann zu einem Dev-Client oder EAS, wenn es für diese Funktion erforderlich ist.
Teile mir nach der Implementierung genau mit, wie du die App ausgeführt hast und was du überprüft hast.
Tech stack
Need
Default options
Why it's needed
Need
Routing
Default options
Why it's needed
Mit Expo Router bleibt die Navigation dateibasiert und vorhersehbar. So kann Codex neue Ansichten und Abläufe ergänzen, ohne dafür eine eigene Routing-Schicht zu erfinden.
| Need | Default options | Why it's needed |
|---|---|---|
| Framework für mobile Apps | Expo und React Native | Expo bietet Codex für React Native einen verwalteten Entwicklungsablauf mit schnellen Iterationen, kompatiblen Paketen und Tools für die Bereitstellung. |
| Routing | Expo Router | Mit Expo Router bleibt die Navigation dateibasiert und vorhersehbar. So kann Codex neue Ansichten und Abläufe ergänzen, ohne dafür eine eigene Routing-Schicht zu erfinden. |
Verwandte Anwendungsfälle
Von der Idee zum Proof of Concept
Nutze Codex mit ImageGen, um aus einer groben Idee eine visuelle Richtung zu entwickeln, den...
Frontend Entwicklung
Einen KI-Tourassistenten entwickeln
Ergänze deine Web-App mit Codex um eine Tour auf Basis von WebMCP
Frontend Entwicklung
Browserbasierte Spiele erstellen
Verwende Codex, um aus einer Spielbeschreibung zunächst einen klar definierten Plan und...
Entwicklung Code