Como instalar o ReactJS no Ubuntu

Desenvolvido pelo Facebook em 2011, o React (também conhecido como ReactJS) é uma biblioteca Javascript usada para criar interfaces de usuário rápidas e interativas. No momento em que este artigo foi escrito, é a biblioteca Javascript mais popular para o desenvolvimento de interfaces de usuário. React derrota seus equivalentes – Angular e Vue JS em termos de funcionalidade e popularidade.

Sua popularidade decorre de sua flexibilidade e simplicidade e isso o torna a primeira escolha no desenvolvimento de aplicativos móveis e aplicações web. Mais de 90.000 sites usam o React, incluindo gigantes da tecnologia como Facebook, Netflix, Instagram >, Airbnb e Twitter para listar alguns.

Neste artigo, você aprenderá como instalar o ReactJS no Ubuntu 20.04 e no Ubuntu 18.04.

Etapa 1: Instalando o NPM no Ubuntu

Começamos a instalação do React JS instalando o npm – abreviação de gerenciador de pacotes do nó, são duas coisas. Em primeiro lugar, é uma ferramenta de linha de comando usada para interagir com pacotes Javascript, que permite aos usuários instalar, atualizar e gerenciar ferramentas e bibliotecas Javascript.

Em segundo lugar, npm é um registro de software de código aberto on-line que hospeda mais de 800.000 pacotes Node.JS. Npm é gratuito e você pode facilmente baixar aplicativos de software que estão disponíveis publicamente.

Para instalar o npm no Ubuntu Linux, faça login no seu servidor como usuário sudo e execute o comando abaixo:

sudo apt install npm

Assim que a instalação for concluída, você pode verificar a versão do npm instalada usando o comando:

npm --version

6.14.4  [Output]

A versão mais recente no momento em que este artigo foi escrito é v6.14.4 conforme capturado na saída.

A instalação do npm também instala o node.js e você pode confirmar a versão do node instalada usando o comando:

node --version

v10.16.0  [Output]

Etapa 2: instalando o utilitário create-react-app

create-react-app é um utilitário que permite configurar todas as ferramentas necessárias para criar um aplicativo React. Isso economiza muito tempo e energia configurando tudo do zero e lhe dá a vantagem necessária.

Para instalar a ferramenta, execute o seguinte comando npm:

sudo npm -g install create-react-app

Depois de instalado, você pode confirmar a versão instalada executando:

create-react-app --version

4.0.1  [Output]

Etapa 3: crie e lance seu primeiro aplicativo React

Criar um aplicativo React é bastante simples e direto. Criaremos um aplicativo react chamado tecmint-app da seguinte maneira.

create-react-app tecmint-app

Isso leva cerca de 5 minutos para instalar todos os pacotes, bibliotecas e ferramentas necessárias ao aplicativo. Um pouco de paciência será útil.

Se a criação do aplicativo foi bem-sucedida, você receberá a notificação abaixo com os comandos básicos que você pode executar para começar a gerenciar o aplicativo.

Para executar o aplicativo, navegue até o diretório app

cd tecmint-app

Em seguida, execute o comando:

npm start

Você acabará obtendo o resultado abaixo mostrando como acessar o aplicativo no navegador.

Abra seu navegador e navegue pelo endereço IP do seu servidor

http://server-ip:3000

Isso mostra que o aplicativo React padrão está instalado e funcionando. Neste guia, instalamos com sucesso o React JS e criamos um aplicativo em React.