Como instalo o ReactJS?

Question

Estou tentando instalar o React JS no Ubuntu, mas as instruções em tutorial são apenas para Windows . Como posso continuar?

Eu verifiquei alguns outros tutoriais na internet e acho que não há dois sites sugerem as mesmas coisas em ordem, também não tenho certeza se é seguro para instalar o material sites de terceiros dizem. Estou totalmente confuso com essa configuração.

    

Answer 1

Eu usei create-react-app para isso e está pronto depois de digitar apenas dois comandos no terminal. Basta usar o sudo nos comandos se ele não funcionar inicialmente.

    

Answer 2

Supondo que você ainda não tenha instalado nada, instale o nodejs e o npm usando:

sudo apt-get install nodejs npm

Crie um diretório de projetos para criar seu aplicativo:

mkdir reactApp
cd reactApp

Inicialize seu projeto npm e adicione todas as dependências / libs do seu projeto. Você pode pressionar enter para todas as perguntas feitas durante o npm init . Ou você pode usar npm init -y para ignorar todas as perguntas.

npm init OR npm init -y
npm install webpack --save
npm install webpack-dev-server --save
npm install react --save

Alternativamente, você pode usar a biblioteca criada pelo pessoal do facebook para inicializar um projeto de resposta para que você não precise se preocupar com webpack, babel-core e o resto ... Basta executar:

npm install -g create-react-app

Depois de ter sido instalado globalmente, agora você pode usá-lo para criar um projeto

create-react-app projectname

Mantenha o nome do projeto em letras minúsculas ou você receberá um erro (isso acabou de começar). Quando isso é feito,

cd projectname

e Voila!

npm start ou yarn iniciará seu programa na porta 3000.

    

Answer 3

Crie uma pasta chamada react

sudo apt install npm

Estes quatro comandos são opcionais:

npm install -g babel-cli
npm install babel-preset-es2015 babel-preset-react
npm install -g browserify
npm install -g watchify

Após a instalação, execute os seguintes comandos:

npm install -g create-react-app
create-react-app hello-world
cd hello-world
npm start

Você receberá algo assim:

Success! Created hello-world at '/your-directory/react/hello-world'

Dentro desse diretório, você pode executar vários comandos:

• Inicie o servidor de desenvolvimento:

  npm start
  

• Agrupe o aplicativo em arquivos estáticos para produção:

  npm run build
  

• Inicie o corredor de teste:

  npm test
  

• Remova essa ferramenta e copie dependências de compilação, arquivos de configuração e scripts no diretório do aplicativo (se você fizer isso, não poderá voltar atrás):

  npm run eject
  

Sugerimos que você comece digitando:

cd hello-world
npm start

    

Answer 4

Para instalar o Node.js:

sudo apt-get install python-software-properties
curl -sL https://deb.nodesource.com/setup_7.x | sudo -E bash -
sudo apt-get install nodejs
node -v 
npm -v 

Para instalar o React, precisamos instalar algumas dependências também:

npm install -g babel-cli  
npm install babel-preset-es2015 babel-preset-react
npm install -g browserify
npm install -g watchify

Agora, para instalar o React:

npm install -g create-react-app

Para criar um projeto:

1. Acesse DocumentRoot:

2. Criar projeto por

   create-react-app react-project  
   cd react-project  
   npm start  
   

Feito com sucesso.