O React Native é uma plataforma poderosa para criar aplicativos móveis multiplataforma usando JavaScript. Este guia irá te levar da instalação do React Native à criação de um aplicativo funcional, passo a passo.
Passo 1: Ambiente
Você terá que ter instalado estas ferramentas em seu sistema:
- Node.js. Basta acessar o link https://nodejs.org/en/, realizar o download e seguir os passos da instalação.
- Git. Basta acessar o link https://git-scm.com/download/win, realizar o download e seguir os passos da instalação.
- Um editor de código como Visual Studio Code, Sublime Text ou Atom.
- Expo Go. Para testar o app no seu celular você precisa instalar o aplicativo Expo GO nele.
Passo 2: Criação do projeto
Navegue até o diretório em que queira os projetos salvos em seu sistema. Abra o bash do git:
Digite o seguinte comando:
npx create-expo-app testeApp
Com isso o seu app react-native estará criado. Vá para a pasta e abra ele no seu editor, no meu caso estou usando o visual studio code.
Abra o terminal e digite:
expo start
Após executar este comando será gerado o Qr Code para ser lido com o app do Expo Go baixado no seu celular.
Agora com o seu celular e o app Expo Go aberto, na tela inicial terá uma opção chamada Scan Qr Code.
Que você vai usar para escanear o qr gerado. Depois de escaneado irá abrir a tela inicial do seu app.
Hello World
Agora vá para o vs code e edite o arquivo inicial do seu app.
Faça seu primeiro hello world em um aplicativo.
se o app está rodando no seu celular é só salvar o arquivo que ele já atualiza no app.
Pronto agora você já pode começar a desenvolver seus próprios aplicativos, espero ter ajudado. Muito obrigado por ler até aqui e até a próxima.
Top comments (0)