React Native com Expo no GitHub Codespaces: criando um app mobile direto pelo navegador · wpbarcelos

Quer começar um projeto React Native com Expo sem instalar Android Studio, configurar emulador ou preparar um ambiente local?

Uma alternativa muito prática é usar o GitHub Codespaces junto com o Expo.

Com esse fluxo, você consegue desenvolver diretamente pelo navegador, usando apenas:

✅ uma conta no GitHub
✅ acesso ao GitHub Codespaces
✅ uma conta no Expo
✅ o app Expo Go no celular

A grande vantagem é que o projeto já pode ser criado dentro da raiz do repositório no GitHub, sem precisar rodar git init, porque o Codespaces já trabalha em cima de um repositório Git existente.

Esse fluxo é especialmente útil para aulas, treinamentos e primeiros contatos com desenvolvimento mobile, pois reduz bastante a barreira inicial de configuração.

Criando o projeto Expo na raiz do repositório

Dentro do terminal do GitHub Codespaces, execute:

npx create-expo-app@latest . --template="blank"

Depois, instale o suporte para rodar o projeto na web:

npx expo install react-dom react-native-web

E para iniciar o projeto usando túnel, execute:

npm start -- --tunnel

O parâmetro --tunnel facilita o teste no celular usando o Expo Go, mesmo com o projeto rodando em um ambiente remoto como o GitHub Codespaces.

Na prática, isso permite codar aplicações mobile com React Native e Expo usando apenas o navegador, sem depender de instalação local logo no início.

Para quem ensina programação, esse fluxo ajuda muito, porque o aluno consegue focar nos fundamentos:

componentes
JSX
JavaScript
estilização
lógica da aplicação
estrutura de um projeto React Native

Sem perder tempo com problemas de ambiente, sistema operacional ou configuração de emuladores.

React Native com Expo + GitHub Codespaces é uma excelente combinação para ensinar, aprender e prototipar aplicações mobile de forma simples, acessível e produtiva.

#ReactNative #Expo #GitHubCodespaces #JavaScript #MobileDevelopment #DesenvolvimentoMobile #GitHub #EducaçãoTecnológica #Programação #Frontend #MobileApps #ExpoGo #CloudDevelopment