For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
Navegação principal
Theme

Sugestões
Painel da API
Experimente o ChatGPT
Codex

Codex use case

Crie aplicativos React Native com o Expo

Use o plugin do Expo para transformar sua ideia de aplicativo móvel em um aplicativo funcional.

Difficulty Intermediate
Time horizon 1h

Use o Codex com o plugin do Expo para criar a estrutura inicial de aplicativos React Native, seguir as convenções do Expo Router e dos pacotes do Expo e testar rapidamente com o Expo Go. Recorra a clientes de desenvolvimento ou a builds do EAS só quando o aplicativo precisar deles.

Best for

  • Desenvolvedores que querem criar um protótipo ou lançar um aplicativo React Native com o Expo antes de recorrer às IDEs nativas de cada plataforma.
  • Projetos com Expo Router em que o Codex deve seguir as convenções do Expo para roteamento, interfaces, instalação de pacotes, builds e implantação.
  • Desenvolvedores que precisam transformar um aplicativo web em um aplicativo móvel.

Contents

    ← All use cases

    Crie aplicativos React Native com o Expo

    Use o plugin do Expo para transformar sua ideia de aplicativo móvel em um aplicativo funcional.

    Use o Codex com o plugin do Expo para criar a estrutura inicial de aplicativos React Native, seguir as convenções do Expo Router e dos pacotes do Expo e testar rapidamente com o Expo Go. Recorra a clientes de desenvolvimento ou a builds do EAS só quando o aplicativo precisar deles.

    Intermediate
    1h

    Use o Codex com o plugin do Expo para criar a estrutura inicial de aplicativos React Native, seguir as convenções do Expo Router e dos pacotes do Expo e testar rapidamente com o Expo Go. Recorra a clientes de desenvolvimento ou a builds do EAS só quando o aplicativo precisar deles.

    Intermediate
    1h

    Related links

    Plugin do Expo Configuração do servidor MCP do Expo

    Best for

    • Desenvolvedores que querem criar um protótipo ou lançar um aplicativo React Native com o Expo antes de recorrer às IDEs nativas de cada plataforma.
    • Projetos com Expo Router em que o Codex deve seguir as convenções do Expo para roteamento, interfaces, instalação de pacotes, builds e implantação.
    • Desenvolvedores que precisam transformar um aplicativo web em um aplicativo móvel.

    Skills & Plugins

    • Expo
      Use as habilidades criadas pela equipe do Expo para desenvolver interfaces com o Expo Router, criar componentes com aparência e comportamento nativos, buscar dados, usar clientes de desenvolvimento, implantar e atualizar aplicativos, trabalhar com módulos e configurar a ação Executar do Codex.
    Skill Why use it
    Expo Use as habilidades criadas pela equipe do Expo para desenvolver interfaces com o Expo Router, criar componentes com aparência e comportamento nativos, buscar dados, usar clientes de desenvolvimento, implantar e atualizar aplicativos, trabalhar com módulos e configurar a ação Executar do Codex.

    Starter prompt

    Use o plugin do Expo para criar um aplicativo React Native com o Expo a partir desta ideia: [descreva a ideia do aplicativo, o público-alvo e o principal fluxo de uso] Requisitos: - Comece com o Expo Router e siga as convenções de projeto do Expo. - Experimente `npx expo start` e o Expo Go antes de criar um build personalizado. - Use `npx expo install` para instalar pacotes do Expo e manter as dependências compatíveis. - Use padrões de interface com aparência e comportamento nativos na navegação, nos formulários, nas listas e nos estados vazios e de carregamento. Entregue: - a parte do aplicativo que você implementou, já funcionando - o comando para executar o aplicativo - as etapas que você seguiu para verificar o funcionamento, indicando se usou o Expo Go, um dispositivo, um simulador, um cliente de desenvolvimento ou o EAS
    Use o plugin do Expo para criar um aplicativo React Native com o Expo a partir desta ideia: [descreva a ideia do aplicativo, o público-alvo e o principal fluxo de uso] Requisitos: - Comece com o Expo Router e siga as convenções de projeto do Expo. - Experimente `npx expo start` e o Expo Go antes de criar um build personalizado. - Use `npx expo install` para instalar pacotes do Expo e manter as dependências compatíveis. - Use padrões de interface com aparência e comportamento nativos na navegação, nos formulários, nas listas e nos estados vazios e de carregamento. Entregue: - a parte do aplicativo que você implementou, já funcionando - o comando para executar o aplicativo - as etapas que você seguiu para verificar o funcionamento, indicando se usou o Expo Go, um dispositivo, um simulador, um cliente de desenvolvimento ou o EAS

    Comece com o Expo Go

    O Expo é uma boa escolha para começar quando você quer que o Codex transforme uma ideia de aplicativo móvel em um aplicativo React Native testado. Primeiro, execute expo start. Depois, teste o aplicativo com o Expo Go em um dispositivo. Só passe a usar um cliente de desenvolvimento ou a gerar uma build com o EAS quando precisar usar código nativo personalizado, distribuir o aplicativo em lojas ou usar um recurso incompatível com o Expo Go.

    Assim, o Codex pode se concentrar no fluxo do aplicativo desde o início, sem gastar essa primeira etapa configurando a IDE nativa, o simulador, o provisionamento ou a build.

    Use o plugin do Expo

    A equipe do Expo publicou um plugin do Expo que orienta o Codex sobre como usar o Expo Router, criar interfaces nativas e formulários, implementar navegação e animações, buscar dados, configurar o NativeWind, usar módulos do Expo e clientes de desenvolvimento, implantar e atualizar o aplicativo e configurar a ação de execução no Codex.

    Use o plugin quando o Codex estiver criando novas telas com o Expo, adicionando pacotes, integrando chamadas de API, preparando um cliente de desenvolvimento ou deixando o aplicativo pronto para o TestFlight, a App Store, a Play Store ou o EAS Hosting.

    Você também pode adicionar o servidor MCP do Expo se a tarefa exigir consultar a documentação atual do Expo, instalar pacotes compatíveis, executar builds e fluxos de trabalho no EAS, fazer capturas de tela, interagir com o simulador, usar o React Native DevTools ou acessar dados do TestFlight.

    Processo de iteração

    1. Peça ao Codex que examine o repositório e confirme se é um novo aplicativo Expo ou um projeto Expo existente.
    2. Comece com o Expo Router e o Expo Go. Use npx expo install para adicionar pacotes do Expo.
    3. Peça ao Codex que implemente um fluxo completo com navegação que siga os padrões nativos da plataforma e estados de carregamento, de ausência de conteúdo e de erro.
    4. Teste da forma mais rápida disponível, por exemplo, com o Expo Go em um dispositivo ou simulador. Passe a usar um cliente de desenvolvimento ou o EAS só quando necessário.

    Sugestão de prompt para continuar

    Use o plugin do Expo para adicionar [feature/screen/flow] a este aplicativo conforme a descrição abaixo: [describe one feature, screen or user flow] Restrições: - Mantenha o Expo Router como camada de roteamento. - Instale os pacotes de forma compatível com o Expo. - Teste primeiro com o Expo Go. - Passe a usar um cliente de desenvolvimento ou o EAS somente se o recurso exigir. Depois de implementar, informe os passos exatos que você seguiu para executar o aplicativo e o que verificou.

    Tech stack

    Need

    Framework para aplicativos móveis

    Default options

    Expo e React Native

    Why it's needed

    O Expo oferece ao Codex um ambiente gerenciado para desenvolver em React Native, com pacotes compatíveis e ferramentas para testar alterações rapidamente e implantar o aplicativo.

    Need

    Roteamento

    Default options

    Expo Router

    Why it's needed

    No Expo Router, a estrutura dos arquivos define a navegação. Isso torna as rotas previsíveis e ajuda o Codex a adicionar telas e fluxos sem precisar criar uma camada de roteamento própria.

    Need Default options Why it's needed
    Framework para aplicativos móveis Expo e React Native O Expo oferece ao Codex um ambiente gerenciado para desenvolver em React Native, com pacotes compatíveis e ferramentas para testar alterações rapidamente e implantar o aplicativo.
    Roteamento Expo Router No Expo Router, a estrutura dos arquivos define a navegação. Isso torna as rotas previsíveis e ajuda o Codex a adicionar telas e fluxos sem precisar criar uma camada de roteamento própria.

    Related use cases

    Da ideia à prova de conceito

    Use o Codex com o ImageGen para dar forma visual a uma ideia inicial, criar um protótipo com...

    Front-end Engineering

    Crie jogos de navegador

    Use o Codex para transformar a descrição do jogo em um plano bem definido e, em seguida, em...

    Engineering Code

    Crie um guia interativo com IA

    Use o Codex para adicionar um tour com WebMCP ao seu aplicativo web

    Front-end Engineering