🚀 Oferta especial: 60% OFF no CrazyStack - Últimas vagas!Garantir vaga →
React Native

Como criar previews instantâneos de Pull Requests com Expo, GitHub Actions e EAS

Descubra como acelerar o seu QA mobile: preview instantâneo de Pull Requests usando Expo e GitHub Actions. Sem espera, sem builds repetidos.

CrazyStack
15 min de leitura
React NativeExpoQACI/CDGitHub ActionsMobile

Por que isso é importante

A cada Pull Request, você espera minutos (ou horas) por um build só para rodar QA? Isso é coisa do passado. Previews dinâmicos encurtam ciclos de validação, agilizam times, eliminam gargalos de build e colocam suas features nas mãos do time e do QA em segundos.

Fim do ciclo lento de builds: preview no lugar do build

Você não precisa mais empacar seu fluxo esperando builds sempre que alguém abre um Pull Request. Está pronto para ver a mudança assim que ela acontece? Com previews instantâneos usando Expo, todas as atualizações de código ficam visíveis para o time em segundos. O QA recebe o link, acessa no próprio celular, testa, revisa e aprova – sem downloads, sem reinstalação, sem repetição de builds.

Por dentro do workflow tradicional (e seus problemas)

No fluxo antigo, cada alteração abria um novo ciclo: build, distribuição, QA instala, valida e só então libera para produção. Isso consome horas – às vezes dias – e destrói o ritmo de entrega. Quando cada ajuste depende de outro build, todo o time desacelera.

⚠️Atenção

O ciclo antigo de build e distribuição manual costuma gerar filas intermináveis, retrabalho e testers esperando builds que mudam a toda hora.

Como o preview automático revoluciona seu QA mobile

Usando Expo e GitHub Actions, cada Pull Request dispara uma atualização over the air. QA, devs e qualquer stakeholder só precisa do app de desenvolvimento instalado – e pronto: recebem um link para ver e testar as mudanças instantaneamente. Nada de instalar builds repetidos.

Expo EAS, GitHub Actions ou ambos?

A plataforma Expo (com EAS e sua linha de comandos) facilita – mas, se seu time já usa GitHub Actions, dá para replicar o fluxo: acione um preview automatizado a cada PR. A lógica é a mesma: mudanças de código chegam ao time central quase em tempo real.

Fluxo Moderno

Previews podem ser compartilhados com devs, QA e até clientes – todos podem interagir, testar e enviar feedback, sem gargalo e sem dependência de máquinas locais.

Implementando previews automáticos em Pull Requests

Sempre que abrir um novo PR, um job do GitHub Actions faz o deploy automático da atualização com Expo. Um link de preview (iOS e Android) aparece na própria interface do PR. O fluxo fica transparente e integrado ao que seu time já conhece.

Como configurar: passo a passo prático

Pré-requisitos

1. Projeto com Expo SDK configurado e EAS habilitado.
2. GitHub Actions ativo no seu repositório.
3. Builds de desenvolvimento para iOS e Android já criados no EAS.
4. Expo Access Token salvo como secreto no GitHub.
5. Uma branch principal protegida (ex: main).

ℹ️Passo Essencial

Só precisa criar novas builds de desenvolvimento se fizer mudanças nativas (ex: alvos iOS, bibliotecas nativas). Para alterações só de JS, os previews funcionam na build já distribuída.

O workflow real: preview automático em cada Pull Request

• GitHub Actions monitorando PRs.
• Rodando testes e checagens.
• Após aprovação, aciona a criação de um update preview (com o Token Expo).
• Gera links de preview: basta abrir no app de desenvolvimento para ver as novidades imediatamente.

Controle total sem builds manuais

Deixe de lado a espera dos builds longos. Atualizações pequenas podem ser testadas, validadas e iteradas várias vezes ao dia. QA ganha autonomia, feedback fica instantâneo, e você faz deploy mais seguro, rápido e previsível.

Criando seu fluxo no GitHub Actions: exemplo de configuração

No seu repositório, adicione um workflow chamado preview.yml. Ele deve:
• Ser disparado em cada 'pull_request' para a branch principal.
• Rodar testes unitários.
• Acionar o comando expo publish para update over the air.
• Colocar o link do preview no PR automaticamente.

Como gerar e usar o token Expo corretamente

Vá até expo.dev, crie um novo Access Token com permissão de update, salve como segredo (ex: EXPO_TOKEN) no repositório GitHub. O workflow consome esse token para autorizar updates automáticos.

ℹ️Atenção

Não compartilhe o token! Ele dá acesso privilegiado ao update da sua aplicação.

O fluxo ideal: update preview x build

O segredo é: só build de novo quando fizer alteração nativa. Para todo o resto, use sempre preview update. Assim, economiza tempo, reduz custo e dá liberdade para testar múltiplas versões antes mesmo de mergear.

Economize Tempo

Um build pode levar 15 minutos ou mais. Um preview update demora segundos – e pode ser testado por qualquer pessoa do time.

Dicas de ouro para time ágil e feedback rápido

• Use previews até mesmo para revisões entre devs.
• Compartilhe links de preview com PMs ou clientes para verem a execução ao vivo.
• Valide ideias rápidas antes de dar merge.
• Sempre crie um novo build de desenvolvimento se mexer em pacotes nativos ou configs de platform.

⚠️Atenção

Nunca aprove PRs que exigem update nativo apenas com preview – nesses casos, faça o build completo para garantir compatibilidade.

Testando: como é para o time de QA e usuário real

Só precisa instalar o app de desenvolvimento uma vez. Depois, QA só escaneia o QR code do preview, vê a mudança funcionando no seu próprio celular, envia feedback e já pode pedir nova iteração. Nada de fluxo manual, terminal ou ligação com máquinas locais.

Monitoramento de updates: o histórico fácil de usar

Pelo painel do Expo ou dentro do app, visualize todos os updates realizados, veja quais são compatíveis com o build de desenvolvimento atual e recupere versões antigas se precisar comparar comportamentos.

ℹ️Facilidade

O DevDoido mostrou ao vivo: o update preview aparece na lista de atualizações, separado por canal, mostrando tempo real de cada entrega.

Evite problemas comuns: preview não substitui tudo

Se o preview não rodar, verifique sempre se dependências nativas foram alteradas. Só builds novos atualizam essas mudanças – previews só funcionam para código JS e assets.

Erro Comum

Alterou AndroidManifest.xml, Info.plist ou incluiu pacotes nativos? Previews não vão funcionar plenamente – crie um build de desenvolvimento antes.

Fluxo final: inovação contínua e deploy seguro

O ciclo fica: update preview para alterações cotidianas, build apenas em alterações críticas de plataforma. Seu time implementa, testa, revisa e entrega em minutos – e nunca mais perde tempo esperando builds sem necessidade.

Próximo passo: domine preview em Pull Requests

Previews transformam seu fluxo mobile – agilidade, transparência e menos stress para todo o time. Ative agora, compartilhe os links, peça feedback em minutos e nunca mais aceite ciclos lentos de QA. Confira no canal Dev Doido no YouTube o tutorial com exemplos práticos desse setup!

Resumo Turbo

Instale builds uma vez, teste updates para sempre. Acione previews automáticos, compartilhe avanços, deixe seus PRs prontos para o mundo real – com Expo, GitHub Actions e EAS.

Domine React e Node com o CrazyStack

Aprenda técnicas avançadas de React com nosso curso completo