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: 2.848 ]

Por: Fábio Berbert de Paula em 10/04/2020 | Blog: https://youtube.com/c/cotidianohackeado


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

Personalizando seu lilo no Debian

Como Turbinar sua Produtividade com VIM - Guia Definitivo do Desenvolvedor

FISL 10: Venturas e desventuras da turma do VOL

Criando sites para celular com WML

Criando um sistema de banners rotativos em PHP

Leitura recomendada

Expressões Regulares - Entenda o que são Lookahead e Lookbehind

Entendendo validações e operações aritméticas com Javascript

Acessibilidade na Web

Manual de XHTML

Entenda o Bootstrap

  
Comentários

Nenhum comentário foi encontrado.


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts