Need
Framework para dispositivos móveis
Default options
Why it's needed
O Expo oferece ao Codex uma abordagem gerenciada para desenvolver em React Native, com iterações rápidas, pacotes compatíveis e ferramentas de implantação.
Codex use case
Crie aplicativos React Native com o Expo
Transforme uma ideia de aplicativo móvel em um aplicativo Expo funcional usando o plug-in dedicado.
Difficulty Intermediário
Time horizon 1 h
Use o Codex com o plug-in do Expo para criar a estrutura inicial de aplicativos React Native, seguir as convenções do Expo Router e dos pacotes do Expo, testar rapidamente com o Expo Go e só passar para clientes de desenvolvimento ou builds do EAS quando forem necessários para o aplicativo.
Ideal para
- Desenvolvedores que querem criar protótipos ou lançar um aplicativo React Native com o Expo antes de recorrer a fluxos de trabalho com IDE nativa.
- Projetos do Expo Router em que o Codex deve seguir as convenções do Expo para roteamento, interface, instalação de pacotes, builds e implantação.
- Desenvolvedores que precisam migrar um aplicativo Web para um aplicativo móvel.
Contents
Crie aplicativos React Native com o Expo
Transforme uma ideia de aplicativo móvel em um aplicativo Expo funcional usando o plug-in dedicado.
Use o Codex com o plug-in do Expo para criar a estrutura inicial de aplicativos React Native, seguir as convenções do Expo Router e dos pacotes do Expo, testar rapidamente com o Expo Go e só passar para clientes de desenvolvimento ou builds do EAS quando forem necessários para o aplicativo.
Intermediário
1 h
Use o Codex com o plug-in do Expo para criar a estrutura inicial de aplicativos React Native, seguir as convenções do Expo Router e dos pacotes do Expo, testar rapidamente com o Expo Go e só passar para clientes de desenvolvimento ou builds do EAS quando forem necessários para o aplicativo.
Intermediário
1 h
Links relacionados
Ideal para
- Desenvolvedores que querem criar protótipos ou lançar um aplicativo React Native com o Expo antes de recorrer a fluxos de trabalho com IDE nativa.
- Projetos do Expo Router em que o Codex deve seguir as convenções do Expo para roteamento, interface, instalação de pacotes, builds e implantação.
- Desenvolvedores que precisam migrar um aplicativo Web para um aplicativo móvel.
Habilidades e Plug-ins
- Use as Habilidades criadas pela Expo para interfaces com o Expo Router, componentes com aparência e comportamento nativos, obtenção de dados, clientes de desenvolvimento, implantação, atualizações, módulos e integração da ação Codex Run.
| Skill | Why use it |
|---|---|
| Expo | Use as Habilidades criadas pela Expo para interfaces com o Expo Router, componentes com aparência e comportamento nativos, obtenção de dados, clientes de desenvolvimento, implantação, atualizações, módulos e integração da ação Codex Run. |
Prompt inicial
Use o plug-in do Expo para transformar esta ideia em um aplicativo React Native com Expo:
[describe the app idea, target users, and the main workflow]
Requisitos:
- Comece pelo Expo Router e siga as convenções de projeto do Expo.
- Primeiro, teste `npx expo start` e o Expo Go; só depois crie um build personalizado.
- Use `npx expo install` para instalar pacotes do Expo, mantendo as dependências compatíveis.
- Use padrões de interface com aparência e comportamento nativos para navegação, formulários, listas, estados vazios e estados de carregamento.
Entregue:
- uma parte funcional do aplicativo
- o comando de execução
- o procedimento de verificação usado, incluindo Expo Go, dispositivo, simulador, cliente de desenvolvimento ou EAS
Use o plug-in do Expo para transformar esta ideia em um aplicativo React Native com Expo:
[describe the app idea, target users, and the main workflow]
Requisitos:
- Comece pelo Expo Router e siga as convenções de projeto do Expo.
- Primeiro, teste `npx expo start` e o Expo Go; só depois crie um build personalizado.
- Use `npx expo install` para instalar pacotes do Expo, mantendo as dependências compatíveis.
- Use padrões de interface com aparência e comportamento nativos para navegação, formulários, listas, estados vazios e estados de carregamento.
Entregue:
- uma parte funcional do aplicativo
- o comando de execução
- o procedimento de verificação usado, incluindo Expo Go, dispositivo, simulador, cliente de desenvolvimento ou EAS
Comece com o Expo Go
O Expo é uma ótima opção padrão quando você quer que o Codex transforme a ideia de um aplicativo móvel em um
aplicativo React Native testado. O fluxo recomendado é usar expo start primeiro, depois o Expo Go
em um dispositivo e, por fim, um cliente de desenvolvimento ou build do EAS somente quando o aplicativo precisar de
código nativo personalizado, distribuição em lojas ou um recurso que o Expo Go não consegue executar.
Isso mantém o Codex focado no fluxo de trabalho do aplicativo, em vez de dedicar a primeira etapa à configuração de uma IDE nativa e de um simulador, ao provisionamento ou à configuração de builds.
Use o plug-in do Expo
A Expo publicou um plug-in do Expo que fornece ao Codex orientações baseadas nas convenções do Expo para o Expo Router, interfaces com aparência nativa, formulários, navegação, animações, obtenção de dados, configuração do NativeWind, módulos do Expo, clientes de desenvolvimento, implantação, atualizações e integração da ação Codex Run.
Use-o quando o Codex estiver criando novas telas no Expo, adicionando pacotes, integrando chamadas à API, preparando um cliente de desenvolvimento ou deixando um aplicativo pronto para TestFlight, App Store, Play Store ou EAS Hosting.
Opcionalmente, adicione o Servidor MCP do Expo quando a tarefa exigir consulta à documentação atual do Expo, instalação de pacotes compatíveis, operações do EAS relacionadas a builds e fluxos de trabalho, capturas de tela, interação com o simulador, React Native DevTools, ou dados do TestFlight.
Processo de iteração
- Peça ao Codex para inspecionar o repositório e confirmar se é um novo aplicativo Expo ou um projeto Expo existente.
- Comece pelo Expo Router e pelo Expo Go e use
npx expo installao adicionar pacotes do Expo. - Peça ao Codex para implementar um fluxo de trabalho completo com navegação que pareça nativa, estados de carregamento, estados vazios e estados de erro.
- Faça a verificação da forma mais rápida disponível, como usando o Expo Go em um dispositivo ou em um simulador; depois, passe para um cliente de desenvolvimento ou para o EAS somente quando necessário.
Prompt de acompanhamento sugerido
Use o plug-in do Expo para adicionar o seguinte [feature/screen/flow] a este aplicativo:
[describe one feature, screen or user flow]
Restrições:
- Mantenha o Expo Router como camada de roteamento.
- Instale os pacotes de maneira compatível com o Expo.
- Teste primeiro com o Expo Go.
- Passe para um cliente de desenvolvimento ou para o EAS somente se isso for necessário para o recurso.
Após a implementação, informe exatamente como executou o aplicativo e o que verificou.
Tech stack
Need
Default options
Why it's needed
Need
Roteamento
Default options
Why it's needed
Com o Expo Router, a navegação continua baseada em arquivos e previsível, o que ajuda o Codex a adicionar telas e fluxos sem criar uma camada de roteamento personalizada.
| Need | Default options | Why it's needed |
|---|---|---|
| Framework para dispositivos móveis | Expo e React Native | O Expo oferece ao Codex uma abordagem gerenciada para desenvolver em React Native, com iterações rápidas, pacotes compatíveis e ferramentas de implantação. |
| Roteamento | Expo Router | Com o Expo Router, a navegação continua baseada em arquivos e previsível, o que ajuda o Codex a adicionar telas e fluxos sem criar uma camada de roteamento personalizada. |
Casos de uso relacionados
Passe da ideia à prova de conceito
Use o Codex com o ImageGen para transformar uma ideia inicial em uma direção visual...
Front-end Engenharia
Crie um tutorial guiado por IA
Use o Codex para adicionar um tutorial baseado em WebMCP ao seu aplicativo web
Front-end Engenharia
Criar jogos para navegador
Use o Codex para transformar a descrição de um jogo primeiro em um plano bem definido e...
Engenharia Código