Artigo original: How to Install React.js with create-react-app
O React é uma das bibliotecas mais populares do JavaScript no campo de desenvolvimento para a web nos dias de hoje.
Como um desenvolvedor de front-end, eu já trabalhei pessoalmente com o React nos meus projetos e provavelmente continuarei a trabalhar com ele no futuro. Um dos passos com o qual muitas pessoas têm dificuldade é o processo de instalação/configuração do React.
Vamos começar com o básico. Neste artigo, você vai aprender como instalar e executar uma aplicação em React facilmente.
Como o interesse no aprendizado em React também está aumentando rapidamente todos os dias, decidi criar tutoriais em vídeo sobre React no meu canal do YouTube. Aqui está uma versão em vídeo deste tutorial:
Como fazer o download e instalar o Node.js
Primeiro, você precisará do NPM (ou do Yarn, como opção). Vamos usar o NPM para este exemplo.
Se você não tiver o NPM instalado em seu sistema, precisará ir no site da web oficial do Node.js para fazer o download e a instalação do Node, que já inclui o NPM (Node Package Manager).
Selecione o botão "Recommended For Most Users" (Recomendado para a maioria dos usuários) e faça o download da versão atual para o seu sistema operacional.
Depois de fazer o download e a instalação do Node, inicie seu terminal/prompt de comando e execute node -v e npm -v para ver quais versões você tem.
Você deve ter, pelo menos, a versão 5.2.0 do NPM ou superior, pois o create-react-app precisa do NPX instalado. Se você tiver uma versão anterior do NPM, execute este comando para atualizá-lo:
npm install -g npmO que é o create-react-app?
Pelo fato de ser complicado e de levar bastante tempo, não queremos configurar o React manualmente. O create-react-app é um modo muito mais fácil e que faz toda a configuração e instalação dos pacotes necessários para nós automaticamente e inicia uma nova aplicação do React no local, pronta para o desenvolvimento.
Outra vantagem de se usar o create-react-app é não precisar lidar com as configurações do Babel ou do Webpack. Todas as configurações necessárias serão feitas pelo create-react-app para você.
De acordo com a documentação do React, o create-react-app é um dos modos com suporte oficial para criar aplicações de página única (ou single-page applications, SPA, em inglês) em React. Você pode ver outros modos aqui (texto em inglês).
Como instalar o create-react-app
Para instalar sua aplicação, primeiramente, vá para seu espaço de trabalho (desktop ou uma pasta) e execute o seguinte comando:
npx create-react-app nome-da-aplicacaoO processo de instalação pode levar alguns minutos. Depois de pronto, você deve ver uma pasta que aparecerá no seu espaço de trabalho com o nome que você der à sua aplicação.
Observação: se você estiver no Mac e receber erros de permissão, não se esqueça de que você precisa ser um superusuário - use o comando sudo.
Como executar a aplicação que você criou com o create-react-app
Após a instalação ser concluída, altere o diretório onde sua aplicação foi instalada:
cd nome-da-aplicacaoDepois, execute npm start para ver sua aplicação ao vivo no localhost:
npm start
Se você ver essa tela no seu navegador, está pronto para trabalhar com o React. Parabéns! :)
Obrigado pela leitura!