LogoLogo
Site da {struct}Organização no GitlabOrganização no GithubGitbook no Github
Gitbook
Gitbook
  • Bem-Vindo à Wiki da {struct}
    • Guia Markdown
  • Gestão
    • Presidência
    • Administrativo-Financeiro
      • Pesquisa e Desenvolvimento (R&D)
      • Reembolso de membros
      • Cupons e Prêmios
    • Projetos
    • Marketing
    • Comercial
      • Funil de Vendas
      • Fazer Proposta
      • Inserir Projetos no Portal BJ
      • Interação com Clientes
    • Gestão de Pessoas
    • MEJ
    • Processo Seletivo
      • Processo Trainee
        • Guias Utilizados
        • Ferramentas
      • Readmissão de Membros
  • Execução
    • Git
      • Conceitos básicos
      • Utilização em projetos
      • Soluções para problemas comuns
    • Ruby on Rails
      • Instalação
      • Obtenção de licença Jetbrains
      • Bash de Ubuntu no Windows
      • Geradores Rails
    • Devise
    • Rspec e Factory Bot
      • Instalação Rspec
      • Testando Models
      • Instalação Factory Bot
      • Usando o Factory Bot
      • Testando Controllers
      • Testando Controllers Versionadas
      • Testes com Associatividade
      • Testando Devise
    • Front-end
      • HTML
      • CSS
      • React js
        • Instalação
        • Componentes
        • Estilizando
        • Hooks
        • Mais sobre
    • Flutter
    • Projetos
      • Cloudinary
      • Gerência de projetos
      • Finalização de Projetos
      • Gitlab
        • CI-CD
      • Integrações
        • Discord - GitHub
    • Técnicas de Programação Ágil
      • Scrum
      • Behavior Driven Design
      • Test-Driven Development
    • Dados Estruturados
    • Gamificação
      • Clockify
    • Mailer
    • Assinatura Digital de Documentos
Powered by GitBook
On this page
  • Node e npm
  • Windows
  • Linux
  • Yarn
  • Windows e Linux

Was this helpful?

  1. Execução
  2. Front-end
  3. React js

Instalação

PreviousReact jsNextComponentes

Last updated 2 years ago

Was this helpful?

Para iniciar um projeto react, precisamos instalar algumas coisas. Primeiro o Node e npm, e depois o yarn (no final desse guia).

Node e npm

Browsers nativamente tem capacidade de rodar javascrpit. Para rodar javascript localmente, podemos usar o Node.js. Além disso, podemos instalar e controlar o versionamento de pacotes pelo npm (ou yarn, como visto mais a frente). Para instalar essas ferramentas, utilizaremos o nvm (node version manager)

Windows

windows nvm

Essa não é a mesma coisa que o nvm, mas é o recomendado para controlar versão do node para windows.

Basta entrar em , clicar em "Download now", selecionar a última versão e intalar. Para verificar a instalação, no terminal digitar:

nvm -v

node e npm

Para instalar a última versão do node com long term support (lts), use:

nvm install lts

Esse comando também instala o npm

Para verificar as instalações,

node -v
npm -v

Que deve ter como outupt algo semelhante a

v16.18.0
8.19.2

Linux

nvm

Para instalar, basta rodar no terminal:

sudo apt install curl 
curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash

O script para instalar o nvm cria depende do login do usuário corrente. Por isso, você pode deslogar e logar novamente pra poder utilizar o nvm, ou usar o script:

source ~/.bashrc

Para verificar a instalação, rodar

nvm --version

Que deve ter como output algo semelhante a:

0.35.0

node e npm

Para instalar a última versão do node com long term support (lts), use:

nvm install --lts

Esse comando também instala o npm

Para verificar as instalações,

node -v
npm -v

Que deve ter como outupt algo semelhante a

v16.18.0
8.19.2

Yarn

O yarn é um gerenciador de pacotes similar ao npm, e é o utilizado em nossa EJ.

Windows e Linux

Para instalar o yarn basta rodar:

npm install --global yarn

E, para verificar a instalação, rode:

yarn -v

Output:

3.2.2
repositório nvm-windows