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

Sugerencias
API Dashboard
Probar ChatGPT
Codex

Codex use case

Crea apps de React Native con Expo

Convierte una idea para una app móvil en una app funcional con Expo mediante su complemento específico.

Difficulty Intermedio
Time horizon 1 h

Usa Codex con el complemento de Expo para generar la estructura inicial de apps de React Native, seguir las convenciones de Expo Router y de los paquetes propios de Expo, hacer pruebas rápidas con Expo Go y pasar a clientes de desarrollo o compilaciones de EAS solo cuando la app lo necesite.

Ideal para

  • Desarrolladores que quieran crear prototipos o lanzar una app de React Native con Expo antes de recurrir a flujos de trabajo con IDE nativos.
  • 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 necesiten migrar una app web a una app móvil.

Contents

    ← Todos los casos de uso

    Crea apps de React Native con Expo

    Convierte una idea para una app móvil en una app funcional con Expo mediante su complemento específico.

    Usa Codex con el complemento de Expo para generar la estructura inicial de apps de React Native, seguir las convenciones de Expo Router y de los paquetes propios de Expo, hacer pruebas rápidas con Expo Go y pasar a clientes de desarrollo o compilaciones de EAS solo cuando la app lo necesite.

    Intermedio
    1 h

    Usa Codex con el complemento de Expo para generar la estructura inicial de apps de React Native, seguir las convenciones de Expo Router y de los paquetes propios de Expo, hacer pruebas rápidas con Expo Go y pasar a clientes de desarrollo o compilaciones de EAS solo cuando la app lo necesite.

    Intermedio
    1 h

    Enlaces relacionados

    Complemento de Expo Configuración del Servidor MCP de Expo

    Ideal para

    • Desarrolladores que quieran crear prototipos o lanzar una app de React Native con Expo antes de recurrir a flujos de trabajo con IDE nativos.
    • 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 necesiten migrar una app web a una app móvil.

    Habilidades y complementos

    • Expo
      Usa habilidades creadas por Expo para la interfaz de Expo Router, los componentes con apariencia nativa, la obtención de datos, los clientes de desarrollo, el despliegue, las actualizaciones, los módulos y la integración de la acción Codex Run.
    Skill Why use it
    Expo Usa habilidades creadas por Expo para la interfaz de Expo Router, los componentes con apariencia nativa, la obtención de datos, los clientes de desarrollo, el despliegue, las actualizaciones, los módulos y la integración de la acción Codex Run.

    Prompt inicial

    Usa el complemento de Expo para crear una app de React Native con Expo a partir de esta idea: [describe the app idea, target users, and the main workflow] Requisitos: - comienza con Expo Router y las convenciones de Expo para proyectos. - prueba primero `npx expo start` y Expo Go antes de crear una compilación personalizada. - usa `npx expo install` para los paquetes de Expo a fin de mantener la compatibilidad de las dependencias. - usa patrones de interfaz con apariencia nativa para la navegación, los formularios, las listas, los estados vacíos y los estados de carga. Entrega: - la parte funcional de la app - el comando para ejecutarla - el método de verificación que usaste, como 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 the app idea, target users, and the main workflow] Requisitos: - comienza con Expo Router y las convenciones de Expo para proyectos. - prueba primero `npx expo start` y Expo Go antes de crear una compilación personalizada. - usa `npx expo install` para los paquetes de Expo a fin de mantener la compatibilidad de las dependencias. - usa patrones de interfaz con apariencia nativa para la navegación, los formularios, las listas, los estados vacíos y los estados de carga. Entrega: - la parte funcional de la app - el comando para ejecutarla - el método de verificación que usaste, como Expo Go, un dispositivo, un simulador, un cliente de desarrollo o EAS

    Comienza con Expo Go

    Expo es una opción inicial sólida cuando quieres que Codex convierta una idea para una app móvil en una app de React Native probada. El ciclo más práctico consiste en usar expo start primero, luego Expo Go en un dispositivo y, por último, un cliente de desarrollo o una compilación de EAS, pero solo cuando la app necesite código nativo personalizado, distribución en tiendas o una funcionalidad que no se pueda ejecutar en Expo Go.

    Esto permite que Codex se concentre en el flujo de trabajo de la app en lugar de dedicar la primera iteración a preparar el IDE nativo y el simulador, gestionar el aprovisionamiento o configurar la compilación.

    Usa el complemento de Expo

    Expo publicó un complemento de Expo que brinda a Codex orientación conforme a las convenciones de Expo sobre Expo Router, interfaces nativas, formularios, navegación, animaciones, obtención de datos, configuración de NativeWind, módulos de Expo, clientes de desarrollo, despliegue, actualizaciones e integración de la acción Codex Run.

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

    De forma opcional, agrega el Servidor MCP de Expo cuando la tarea requiera consultar la documentación actualizada de Expo, instalar paquetes compatibles, realizar compilaciones de EAS y operaciones de flujos de trabajo, tomar capturas de pantalla, interactuar con el simulador, usar React Native DevTools o consultar datos de TestFlight.

    Proceso de iteración

    1. Pídele a Codex que inspeccione el repositorio y confirme si se trata de una app nueva de Expo o de un proyecto existente de Expo.
    2. Comienza con Expo Router y Expo Go, y usa npx expo install cuando agregues paquetes de Expo.
    3. Pídele a Codex que cree un flujo de trabajo completo con navegación de apariencia nativa, estados de carga, estados vacíos y estados de error.
    4. Realiza la verificación por la vía más rápida disponible, como Expo Go en un dispositivo o un simulador, y pasa a un cliente de desarrollo o a EAS solo cuando sea necesario.

    Prompt de seguimiento sugerido

    Usa el complemento de Expo para agregar a esta app el siguiente elemento ([feature/screen/flow]): [describe one feature, screen or user flow] Restricciones: - mantén Expo Router como la capa de enrutamiento. - instala los paquetes de forma compatible con Expo. - prueba primero con Expo Go. - pasa a un cliente de desarrollo o a EAS solo si esta funcionalidad lo requiere. Después de completar la implementación, dime exactamente cómo ejecutaste la app y qué verificaste.

    Tech stack

    Need

    Framework móvil

    Default options

    Expo y React Native

    Why it's needed

    Expo ofrece a Codex una forma administrada de trabajar con React Native, con iteración rápida, paquetes compatibles y herramientas de despliegue.

    Need

    Enrutamiento

    Default options

    Expo Router

    Why it's needed

    Expo Router mantiene la navegación basada en archivos y predecible, lo que ayuda a Codex a agregar pantallas y flujos sin inventar una capa de enrutamiento personalizada.

    Need Default options Why it's needed
    Framework móvil Expo y React Native Expo ofrece a Codex una forma administrada de trabajar con React Native, con iteración rápida, paquetes compatibles y herramientas de despliegue.
    Enrutamiento Expo Router Expo Router mantiene la navegación basada en archivos y predecible, lo que ayuda a Codex a agregar pantallas y flujos sin inventar una capa de enrutamiento personalizada.

    Casos de uso relacionados

    Pasa de una idea a una prueba de concepto

    Usa Codex junto con ImageGen para convertir una idea preliminar en una dirección visual...

    Front-end Ingeniería

    Crea un recorrido guiado con IA

    Usa Codex para agregar un recorrido basado en WebMCP a tu aplicación web

    Front-end Ingeniería

    Crea juegos para navegador

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

    Ingeniería Código