Seu app no seu celular

Três comandos. É a aula inteira.

Tudo que você instalou na aula 2 existe para que estas três linhas funcionem, e você pode rodar todas elas sem uma conta paga do Claude. Digite você mesmo.

Crie o projeto

Abra um terminal numa pasta que você consiga encontrar de novo — a sua pasta Documentos serve — e rode:

npx create-expo-app@latest

Ele pergunta: What is your app named?

Digite o nome que você escolheu na aula 1. Minúsculas com hífens é o mais seguro, porque isso vira um nome de pasta — pocket-ledger, não Pocket Ledger. Os exemplos no resto deste módulo usam pocket-ledger; troque pelo seu em todo lugar.

Ele então baixa algumas centenas de pacotes, o que leva de um a três minutos dependendo da sua conexão. Isso é normal e só acontece uma vez.

Versão fixada, verificada em 2026-09-04. O template padrão te dá Expo SDK 57.0.0 (lançado em 30 de junho de 2026), React Native 0.86 e React 19.2. O SDK 57 é uma release deliberadamente pequena, sem breaking changes em relação à anterior.

cd pocket-ledger

Suba o dev server

npx expo start

Um QR code desenhado no terminal, e uma linha dizendo Metro waiting on exp://192.168.1.24:8081 com o seu próprio endereço.

Duas coisas sobre esta janela. Ela não termina, e isso está certo — um dev server roda até você parar. E as teclas listadas embaixo funcionam enquanto ele roda: a abre num dispositivo Android conectado, w abre no navegador, r força um reload. Você vai usar o r na próxima aula.

Coloque no celular

O seu notebook e o seu celular precisam estar na mesma rede Wi-Fi. Não a mesma operadora — a mesma rede. Um celular no dado móvel não vai achar o notebook.

Abra o Expo Go no celular e use o scanner dele para ler o QR code na tela do notebook. O app baixa o seu projeto pelo Wi-Fi e o inicia.

O que você está olhando é o template inicial: umas telas de espaço reservado e uma barra de abas. Ele é deliberadamente sem graça. Na aula 5 você o muda pedindo, e no módulo 2 ele vira as três abas do seu app de verdade.

Tire uma foto do celular. Mande para alguém. Esta é a parte do curso em que as pessoas não acreditam até fazerem.

Quando o QR code não conecta

Este é de longe o lugar mais provável de desistir, então ele ganha uma seção em vez de uma nota de rodapé.

A documentação da própria Expo nomeia a causa sem rodeios: condições de rede restritivas, comuns em Wi-Fi público, e firewalls, comuns para usuários de Windows, podem impedir o celular de alcançar o dev server pela rede local. Se o Windows Defender abrir uma caixa de diálogo na primeira vez que você rodar npx expo start, marque Redes privadas e permita o acesso. Se você dispensou a caixa, ou está numa rede de café, ou o celular simplesmente fica ali sem conseguir conectar, use o tunnel:

npx expo start --tunnel

Uma URL como https://xxxxxxx.bacon.19000.exp.direct:80 no lugar do endereço exp://. Escaneie o novo QR code.

Uma ressalva: uma URL de tunnel é pública. Qualquer pessoa com o endereço alcança o seu dev server enquanto ele estiver rodando. Para um projeto inicial isso não é um risco de verdade, mas é um motivo para usar o npx expo start simples quando ele funciona e guardar o tunnel como plano B.

O tutorial que a gente não vai fingir que não existe

A Expo publica um tutorial gratuito chamado Build with AI, em docs.expo.dev/tutorial/build-with-ai/. Ele ensina quem não programa a construir um app mobile pedindo ao Claude Code, dura cerca de uma hora, o Windows é um caminho de primeira classe nele, e ele é genuinamente bom. Ele cobre mais ou menos o terreno que você acabou de andar, com mais detalhe, de graça.

Vá fazer se você tem a hora — vai te deixar melhor no resto deste curso. Duas coisas que ele não faz: ele nunca publica nada numa loja, e nunca menciona que o Claude Code exige um plano pago do Claude. Essas duas omissões são mais ou menos o motivo de este curso existir. Nós somos as horas depois daquela hora: a loja, o dinheiro, o muro dos doze testadores, e as formas específicas pelas quais isso dá errado.