Como instalar o React no Ubuntu 20.04

Como instalar o React no Ubuntu 20.04

Neste artigo, explicaremos como instalar o React no Ubuntu 20.04.

React é uma biblioteca JavaScript de front end de código aberto para a construção de interfaces de usuário ou componentes de IU. É mantido pelo Facebook e por uma comunidade de desenvolvedores individuais e empresas.

Este artigo irá guiá-lo com o processo de instalação e implantação do site React.

Pré-requisitos

  • Um servidor dedicado Ubuntu 20.04 instalado ou KVM VPS.
  • Um usuário root ou usuário normal com privilégios de administrador sudo.

Instale o React no Ubuntu 20.04

Etapa 1 - Mantenha o servidor atualizado

# apt update -y && apt upgrade -y

Etapa 2 - Instale o NodeJS e o NPM

Instale a versão estável mais recente do NodeJS.

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

# apt-get install -y nodejs

Verifique se a instalação foi bem-sucedida.

# node -v && npm -v

Saída:

v15.9.0
7.5.4

Etapa 3 - Instalar criar aplicativo react

Neste artigo, usaremos a ferramenta criar-reagir-app. É a ferramenta mais fácil e melhor com configurações de grau de produção pré-construídas. É um ambiente confortável para aprender o React e é a melhor maneira de começar a construir um novo aplicativo de página única no React.

# npm install -g create-react-app

Verifique a instalação:

# create-react-app --version

Saída:

4.0.2

Etapa 4 - Implantar o aplicativo React

Crie um aplicativo de reação usando o seguinte comando:

# npx create-react-app my-app

Inicie o servidor de desenvolvimento

Depois de instalar um aplicativo React, vá para o diretório raiz do seu projeto e inicie o servidor de desenvolvimento usando o seguinte comando:

# cd my-app

# npm start

Agora você pode visualizar o my-app no ​​navegador.

Local: http://localhost:3000
On Your Network: http://192.168.0.102:3000

Como instalar o React no Ubuntu 20.04

Construir

Empacota o aplicativo em arquivos estáticos para produção. Execute o seguinte comando:

# npm run build

É isso. A instalação foi concluída com sucesso.

Neste artigo, vimos como instalar o React no Ubuntu 20.04.