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
- NVM - versão 1.1.10 .
- NODE - versão 18.16.1 .
- NPM - versão 9.5.1 .
- YARN - versão 1.22.19 .
- REACT NATIVE - 0.72.6 .
Acesso ao Projeto
Você pode acessar o código fonte ou baixa-ló.