For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
Navegación principal
Theme

Sugerencias
Panel de la API
Prueba ChatGPT
Codex

Codex use case

Crea apps de React Native con Expo

Convierte tu idea para una app móvil en una app funcional con el complemento de Expo.

Difficulty Intermediate
Time horizon 1h

Usa Codex con el complemento de Expo para crear la estructura inicial de tus apps de React Native, seguir las convenciones de Expo Router y de los paquetes de Expo, y hacer pruebas rápidas con Expo Go. Pasa a un cliente de desarrollo o a una compilación con EAS solo cuando la app lo necesite.

Best for

  • Desarrolladores que quieren crear un prototipo o lanzar una app de React Native con Expo antes de recurrir a flujos de trabajo en un IDE nativo.
  • Proyectos de Expo Router en los que Codex debe seguir las convenciones de Expo para el enrutamiento, la interfaz, la instalación de paquetes, las compilaciones y el despliegue.
  • Desarrolladores que necesitan migrar una app web a una app móvil.

Contents

    ← All use cases

    Crea apps de React Native con Expo

    Convierte tu idea para una app móvil en una app funcional con el complemento de Expo.

    Usa Codex con el complemento de Expo para crear la estructura inicial de tus apps de React Native, seguir las convenciones de Expo Router y de los paquetes de Expo, y hacer pruebas rápidas con Expo Go. Pasa a un cliente de desarrollo o a una compilación con EAS solo cuando la app lo necesite.

    Intermediate
    1h

    Usa Codex con el complemento de Expo para crear la estructura inicial de tus apps de React Native, seguir las convenciones de Expo Router y de los paquetes de Expo, y hacer pruebas rápidas con Expo Go. Pasa a un cliente de desarrollo o a una compilación con EAS solo cuando la app lo necesite.

    Intermediate
    1h

    Related links

    Complemento de Expo Configuración del servidor MCP de Expo

    Best for

    • Desarrolladores que quieren crear un prototipo o lanzar una app de React Native con Expo antes de recurrir a flujos de trabajo en un IDE nativo.
    • Proyectos de Expo Router en los que Codex debe seguir las convenciones de Expo para el enrutamiento, la interfaz, la instalación de paquetes, las compilaciones y el despliegue.
    • Desarrolladores que necesitan migrar una app web a una app móvil.

    Skills & Plugins

    • Expo
      Usa las habilidades creadas por Expo para diseñar interfaces con Expo Router, crear componentes que se vean y se comporten como los nativos, obtener datos y trabajar con clientes de desarrollo. También cubren el despliegue, las actualizaciones, los módulos y la configuración de la acción Run de Codex.
    Skill Why use it
    Expo Usa las habilidades creadas por Expo para diseñar interfaces con Expo Router, crear componentes que se vean y se comporten como los nativos, obtener datos y trabajar con clientes de desarrollo. También cubren el despliegue, las actualizaciones, los módulos y la configuración de la acción Run de Codex.

    Starter prompt

    Usa el complemento de Expo para crear una app de React Native con Expo a partir de esta idea: [describe la idea de la app, a quién va dirigida y su flujo de trabajo principal] Requisitos: - Empieza con Expo Router y sigue las convenciones propias de los proyectos de Expo. - Prueba `npx expo start` y Expo Go antes de crear una compilación personalizada. - Usa `npx expo install` para instalar los paquetes de Expo y mantener la compatibilidad de las dependencias. - Usa patrones de interfaz propios de la plataforma para la navegación, los formularios, las listas, los estados vacíos y los estados de carga. Entrega: - la parte funcional de la app que implementaste - el comando para ejecutarla - los pasos que seguiste para verificarla, indicando si usaste Expo Go, un dispositivo, un simulador, un cliente de desarrollo o EAS
    Usa el complemento de Expo para crear una app de React Native con Expo a partir de esta idea: [describe la idea de la app, a quién va dirigida y su flujo de trabajo principal] Requisitos: - Empieza con Expo Router y sigue las convenciones propias de los proyectos de Expo. - Prueba `npx expo start` y Expo Go antes de crear una compilación personalizada. - Usa `npx expo install` para instalar los paquetes de Expo y mantener la compatibilidad de las dependencias. - Usa patrones de interfaz propios de la plataforma para la navegación, los formularios, las listas, los estados vacíos y los estados de carga. Entrega: - la parte funcional de la app que implementaste - el comando para ejecutarla - los pasos que seguiste para verificarla, indicando si usaste Expo Go, un dispositivo, un simulador, un cliente de desarrollo o EAS

    Empieza con Expo Go

    Expo es una buena opción inicial si quieres que Codex desarrolle y pruebe una app de React Native a partir de tu idea para una app móvil. Primero, ejecuta expo start y prueba la app con Expo Go en un dispositivo. Pasa a un cliente de desarrollo o a una compilación con EAS solo cuando la app necesite código nativo personalizado, deba distribuirse en tiendas o requiera una función que Expo Go no admita.

    Así, Codex puede centrarse en el flujo de la app desde la primera iteración, sin dedicarla a configurar un IDE nativo, un simulador, el aprovisionamiento o la compilación.

    Usa el complemento de Expo

    Expo publicó un complemento de Expo que orienta a Codex sobre cómo trabajar con Expo Router, interfaces nativas, formularios, navegación, animaciones y obtención de datos en Expo. También cubre la configuración de NativeWind, los módulos de Expo, los clientes de desarrollo, el despliegue, las actualizaciones y la configuración de la acción de ejecución de Codex.

    Úsalo cuando Codex cree pantallas de Expo, agregue paquetes, integre llamadas a una API, prepare un cliente de desarrollo o deje una app lista para TestFlight, App Store, Play Store o EAS Hosting.

    También puedes agregar el Servidor MCP de Expo si la tarea requiere consultar la documentación actualizada de Expo, instalar paquetes compatibles, ejecutar compilaciones o gestionar flujos de trabajo en EAS, tomar capturas de pantalla, interactuar con un simulador, usar React Native DevTools o consultar datos de TestFlight.

    Proceso de iteración

    1. Pídele a Codex que revise el repositorio y confirme si se trata de una app nueva de Expo o de un proyecto de Expo existente.
    2. Empieza con Expo Router y Expo Go. Usa npx expo install para agregar paquetes de Expo.
    3. Pídele a Codex que implemente un flujo completo con una navegación que se sienta nativa y que contemple los estados de carga, de ausencia de datos y de error.
    4. Prueba el flujo con la opción más rápida que tengas disponible, por ejemplo, con Expo Go en un dispositivo o en un simulador. Pasa a un cliente de desarrollo o a EAS solo cuando sea necesario.

    Prompt sugerido para continuar

    Usa el complemento de Expo para agregar lo siguiente a esta app ([feature/screen/flow]): [describe one feature, screen or user flow] Restricciones: - Mantén Expo Router como capa de enrutamiento. - Usa un método de instalación de paquetes compatible con Expo. - Haz las primeras pruebas con Expo Go. - Pasa a un cliente de desarrollo o a EAS solo si esta función lo requiere. Cuando termines la implementación, dime exactamente cómo ejecutaste la app y qué verificaste.

    Tech stack

    Need

    Framework para apps móviles

    Default options

    Expo y React Native

    Why it's needed

    Expo ofrece a Codex un entorno administrado para desarrollar con React Native. Incluye paquetes compatibles y herramientas de despliegue, y permite probar cambios rápidamente.

    Need

    Enrutamiento

    Default options

    Expo Router

    Why it's needed

    Expo Router define la navegación a partir de los archivos del proyecto. Esa estructura predecible ayuda a Codex a agregar pantallas y flujos sin tener que crear una capa de enrutamiento personalizada.

    Need Default options Why it's needed
    Framework para apps móviles Expo y React Native Expo ofrece a Codex un entorno administrado para desarrollar con React Native. Incluye paquetes compatibles y herramientas de despliegue, y permite probar cambios rápidamente.
    Enrutamiento Expo Router Expo Router define la navegación a partir de los archivos del proyecto. Esa estructura predecible ayuda a Codex a agregar pantallas y flujos sin tener que crear una capa de enrutamiento personalizada.

    Related use cases

    Pasa de una idea a una prueba de concepto

    Usa Codex con ImageGen para darle forma visual a una idea inicial, crear el prototipo más...

    Front-end Engineering

    Crea juegos de navegador

    Usa Codex para convertir la descripción de tu juego en un plan bien definido y luego...

    Engineering Code

    Crear un recorrido guiado con IA

    Usa Codex para agregar un recorrido guiado con WebMCP a tu app web

    Front-end Engineering