Desenvolvimento Expo (React Native) - Guia Completo para Iniciantes

Neste tutorial, vamos criar um projeto usando Expo que roda tanto no Android quanto no iOS. O projeto utiliza React Native para gerar código híbrido, com a possibilidade futura de expandir para web. O Expo simplifica o desenvolvimento e teste em ambas as plataformas.

Pré-requisitos

• Node.js instalado
• Git para controle de versão
• Watchman (para usuários Linux/Mac)
• Visual Studio Code (recomendado)

Criação do Projeto

1. Executar o comando: npx create-expo-app --template
2. Selecionar o template 'blank' com TypeScript
3. Definir o nome do projeto (ex: 'mestres')
4. Aguarde a instalação das dependências

Executando o Projeto

Após a criação, navegue até o diretório do projeto e execute: npm start ou npx expo start

Isso iniciará o servidor Metro e gerará um QR Code para teste.

Opções de Teste:

• Tecla 'a' - Abre no emulador Android
• Tecla 'i' - Abre no simulador iOS
• Expo Go - Aplicativo para testar em dispositivos físicos via QR Code

Primeiras Modificações

O template inicial cria uma tela simples. Para editar:

1. Abra o arquivo App.tsx
2. Modifique o texto dentro da tag Text
3. Salve para ver as alterações refletidas instantaneamente (Hot Reloading)

Vantagens do Expo

• Desenvolvimento rápido com atualizações em tempo real
• Facilidade para testar em múltiplos dispositivos
• Simplifica o processo de deploy para as lojas de aplicativos
• Ótima documentação e ecossistema de ferramentas

Considerações finais

O Expo oferece um ambiente prático para desenvolvimento multiplataforma, facilitando desde a criação do projeto até os testes e deploy final. A combinação com React Native e TypeScript proporciona uma base sólida para aplicativos modernos.