Como Instalar o React: React JS é uma biblioteca JavaScript para construção de interfaces de usuário, mantida pelo Facebook e uma comunidade de desenvolvedores individuais e empresas. React permite que os desenvolvedores criem grandes aplicações web que podem alterar dados, sem recarregar a página.
Neste artigo, vamos explorar como instalar o React JS em diferentes sistemas operacionais: Linux, Windows e Mac OS.
Pré-requisitos
Antes de instalar o React, você precisa ter o Node.js e o npm (gerenciador de pacotes do Node) instalados em seu sistema. O Node.js é um ambiente de execução JavaScript que permite executar o código JavaScript fora de um navegador. O npm é usado para instalar pacotes JavaScript que são necessários para o seu projeto.
Instalação do React
Linux
- Abra o terminal.
- Atualize o pacote de lista do apt usando o comando:
sudo apt update
. - Instale o Node.js usando o comando:
sudo apt install nodejs
. - Verifique a instalação do Node.js com o comando:
node -v
. - Instale o npm usando o comando:
sudo apt install npm
. - Verifique a instalação do npm com o comando:
npm -v
. - Instale o create-react-app, uma ferramenta para criar um novo aplicativo React, globalmente usando o comando:
sudo npm install -g create-react-app
. - Crie um novo aplicativo React usando o comando:
npx create-react-app nome-do-aplicativo
.
Windows
- Vá para o site oficial do Node.js (https://nodejs.org/).
- Baixe o instalador do Node.js de acordo com a sua versão do Windows.
- Execute o instalador e siga as instruções para instalar o Node.js e o npm.
- Verifique a instalação do Node.js abrindo o prompt de comando e digitando:
node -v
. - Verifique a instalação do npm digitando:
npm -v
. - Instale o create-react-app globalmente usando o comando:
npm install -g create-react-app
. - Crie um novo aplicativo React usando o comando:
npx create-react-app nome-do-aplicativo
.
Mac OS
- Abra o terminal.
- Instale o Homebrew, um gerenciador de pacotes para Mac, usando o comando:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
. - Instale o Node.js usando o comando:
brew install node
. - Verifique a instalação do Node.js com o comando:
node -v
. - Verifique a instalação do npm com o comando:
npm -v
. - Instale o create-react-app globalmente usando o comando:
npm install -g create-react-app
. - Crie um novo aplicativo React usando o comando:
npx create-react-app nome-do-aplicativo
.
Conclusão
React JS é uma biblioteca poderosa para construir interfaces de usuário. A instalação do React é um processo simples que pode ser feito em diferentes sistemas operacionais com apenas alguns comandos.
Com o React instalado, você está pronto para começar a construir aplicações web interativas e eficientes.
E para você validar seus códigos, você precisará de uma plataforma de host completa. Clique aqui e conheça a Hostinger, a hospedagem de sites com potência de verdade!!!