Criando Aplicativos Mobile com React Native

Este artigo é um pontapé inicial no desenvolvimento de aplicativos mobile (Android e iOS) com React Native. Vamos abordar a configuração do ambiente de desenvolvimento e o deploy de um "Hello World" em teu celular Android.

[ Hits: 6.566 ]

Por: Fábio Berbert de Paula em 10/04/2020 | Blog: https://fabio.automatizando.dev


Introdução



O artigo pretende ser direto ao ponto, por isso a introdução sobre React Native será bem resumida, tauquei!?

React Native é uma variação do framework React, que é um conjunto de bibliotecas JavaScript amplamente utilizado em desenvolvimento web. Com React Native é possível usar JavaScript para criar aplicativos multiplataforma sem muita frescura. O teu código basicamente complilará aplicativos para Android e iOS sem a necessidade de nenhuma adaptação (ou quase isso).

O conceito aqui é aprender uma tecnologia para todas as plataformas, ao invés de uma tecnologia para cada plataforma. Se fosse pelos meios tradicionais (código nativo), você precisaria aprender Swift para desenvolvimento iOS e Java para Android.

Bom, nem preciso dizer que é muito mais vantajoso aprender JavaScript, que hoje é a linguagem de programação mais utilizada no mundo a aprender Swift e/ou Java né? Aprendendo JavaScript você poderá aplicar teus conhecimentos em diversas áreas, não só em desenvolvimento mobile.

É claro que existem alguns tradeoffs ao escolher React Native. O principal deles diz respeito ao desempenho. Um aplicativo criado em linguagem nativa terá melhor desempenho no dispositivo, mas sejamos francos, essa diferença de desempenho só será problema quando teu app tiver milhões de usuários né? Até lá você já terá dinheiro o suficiente pra contratar uma equipe para Swift e outra para Java... e claro, me fazer uma doação pelas dicas que recebeu neste teu pontapé inicial.

Ah, uma última nota, o React Native foi criado e é mantido pelo time de desenvolvedores do Facebook. E pra quem que estudar mais sobre o mercado, também existe o Flutter, que foi criado pela Google e o Native Script, que é uma variação do React Native, só que usando Vue e Angular como base.

Quem quiser mais teoria, visite o site oficial do projeto ou procure vídeos no YouTube, há documentação abundante por aí. Bora por a mão na massa!

Instalar o Node.js

A última versão do Node.js no momento em que escrevo é a 13.12.0, porém optarei pela versão 12.16.2, que é a última LTS disponível (Long Term Support).

Abra um terminal e digite:

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -

Instalar o Node.js:

sudo apt-get install -y nodejs

Verificar a instalação:

node -v
v12.16.2

Instalar react-native-cli

A instalação do Node.js traz a ferramenta npm (JavaScript Package Manager). É com ela que instalaremos o cliente React Native assim como todos os módulos JavaScript que serão utilizados em nossos projetos.

Pra começar vamos instalar o react-native-cli:

sudo npm install -g react-native-cli

A opção "-g" significa que estaremos fazendo uma instalação global, ou seja, no sistema. Omitindo essa opção estaríamos fazendo a instalação local, a nível de usuário. O "sudo" foi necessário justamente por estarmos fazendo a instalação global, que basicamente irá instalar os arquivos do react-native-cli em /usr/lib/node_modules e criar alguns links simbólicos para estes arquivos em outras pastas.

Verifique a instalação:

react-native --help

  Usage: react-native [command] [options]


  Commands:

    init <ProjectName> [options]  generates a new project and installs its dependencies

  Options:

    -h, --help    output usage information
    -v, --version output the version number

Instalar o Java

Próximo passo será instalar o Java Development Kit.

Caso esteja utilizando Debian, Ubuntu ou derivados, basta executar:

sudo apt install default-jdk

Usuários de outras distribuições irão encontrar documentação abundante sobre isso aqui mesmo no VOL ou na internet.

Verificar a instalação do Java:

java -version
java version "1.8.0_181"
Java(TM) SE Runtime Environment (build 1.8.0_181-b13)
Java HotSpot(TM) 64-Bit Server VM (build 25.181-b13, mixed mode)


javac -version
javac 1.8.0_242

    Próxima página

Páginas do artigo
   1. Introdução
   2. Android Studio
   3. Criando o primeiro projeto
Outros artigos deste autor

Usando o "at" para agendamento de tarefas

Criando sites para celular com WML

Transferindo arquivos com o rsync

GitHub Copilot - Inteligência Artificial no NeoVim

Desenhar com o mouse na tela do desktop

Leitura recomendada

Automação de tarefas com Gulp

Acessando cotações da Bovespa no Calc do LibreOffice

AJAX - Parte 1

Verificando a consistência de CPF e CNPJ em um formulário com JavaScript

Camada de Transporte TCP/IP e Aplicação

  
Comentários

Nenhum comentário foi encontrado.


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts