Criando meu primeiro Aplicativo com React Native


Suponde que você já tenha o ambiente configurado para desenvolvimento mobile. 

Existem duas maneiras de criarmos um aplicativo com React Native. Primeira delas é com EXPO (Wrapper). A segunda que abordaremos aqui é a nativa, ou seja, React Native CLI (Command Line Interface). Ficou curioso e quer entender mais sobre uma ou outra clique aqui.

Segue o passo a passo

1. Instalar o Yarn


Gerenciador de pacotes de minha preferência. Não sabe o que é? Tudo bem! só clicar aqui

npm install -g yarn

2. Instalar o React Native CLI


Significa Commando Line Interface, ou seja, É um pacote para criar templates de projeto por Interface de Linha de Comando. Em outra palavras nada mais é do que um terminal para rodar comandos.

npm install -g react-native-cli

3. Instalar o React Native


É o Framework para desenvolvimento Mobile (Android e IOS)

npm install -g react-native

4. Criar Template Inicial do Projeto


# myfirstapp = nome_do_seu_projeto
npx react-native init myfirstapp

5. Acessar o Projeto


# myfirstapp = nome_do_seu_projeto
cd myfirstapp

6. Rodar o Aplicativo


Android

yarn android

IOS

yarn ios

FINALMENTE


Se o ambiente e emulador estiverem configurados adequadamente, depois de um demorazinha, Voilá!

Só correr pro abraço amigo!

 

Ferramentas e Versões Utilizadas


 

Acesso ao Projeto


Você pode acessar o código fonte ou baixa-ló.

 


Comentários