Como instalar React.js com create-react-app


React é uma das bibliotecas JavaScript mais populares no campo de desenvolvimento web hoje. Como o interesse em aprender o React também está aumentando rapidamente a cada dia, decidi escrever mais posts e fazer mais tutoriais sobre o React no meu canal.

Como desenvolvedor front-end, trabalhei pessoalmente com o React em meus projetos e provavelmente continuarei a trabalhar com ele no futuro. Uma das etapas que muitas pessoas enfrentam é o processo de instalação / configuração do React.

Então, vamos começar com o básico. Nesta postagem, você aprenderá como instalar e executar um aplicativo React de maneira fácil.

Confira também meu vídeo tutorial para instalar o React e muito mais:

Primeira etapa: baixar e instalar o nó

Em primeiro lugar, você precisará do NPM (ou Yarn, alternativamente). Tomemos o NPM para este exemplo.

Se você não tiver instalado em seu sistema, você precisa ir para o site oficial do Node.js para baixar e instalar o Node, que também inclui o NPM (Node Package Manager).

Site oficial do Node.js

Selecione o botão “Recomendado para a maioria dos usuários” e baixe a versão atual do seu sistema operacional.

Depois de baixar e instalar o Node, inicie seu terminal / prompt de comando e execute node -v e npm -v para ver quais versões você tem.

Sua versão do NPM deve ser pelo menos 5.2.0 ou mais recente, porque o create-react-app requer que tenhamos NPX instalado. Se você tiver uma versão mais antiga do NPM, execute este comando para atualizá-lo:

npm install -g npm

O que é este app criar-reagir?

Como é complicado e leva muito tempo, não queremos configurar o React manualmente. O create-react-app é uma maneira muito mais fácil que faz todas as configurações e instalações de pacotes necessárias para nós automaticamente e inicia um novo aplicativo React localmente, pronto para desenvolvimento.

Outra vantagem de usar o create-react-app é que você não precisa lidar com as configurações do Babel ou Webpack. Todas as configurações necessárias serão feitas pelo create-react-app para você.

De acordo com o documento Reactação, create-react-app é uma das formas oficialmente suportadas de criar aplicativos de página única no React. Você pode encontrar outras maneiras aqui.

Instalação

Para instalar seu aplicativo, primeiro vá para sua área de trabalho (desktop ou uma pasta) e execute o seguinte comando:

npx create-react-app my-app

O processo de instalação pode demorar alguns minutos. Depois de fazer isso, você verá uma pasta que aparece em sua área de trabalho com o nome que você deu ao seu aplicativo.

Nota: Se você estiver no Mac e recebendo erros de permissão, não se esqueça de ser um superusuário primeiro com o comando sudo.

Executando o aplicativo

Após a conclusão da instalação, mude para o diretório onde seu aplicativo foi instalado:

cd my-app

e finalmente correr npm start para ver seu aplicativo ativo no localhost:

npm start

Se você vir algo assim em seu navegador, está pronto para trabalhar com o React. Parabéns! 🙂

Se você estiver tendo problemas, verifique os links abaixo para obter mais informações:

Criar aplicativo React · Configure um aplicativo da web moderno executando um comando.

Criar aplicativo React é uma forma oficialmente suportada de criar React de página única

Criar um novo aplicativo React – React

Uma biblioteca JavaScript para construir interfaces de usuário

facebook / create-react-app

Configure um aplicativo da web moderno executando um comando. Contribua com o desenvolvimento do facebook / create-react-app criando uma conta no GitHub.

Obrigado por ler!



Fonte

Leave a Reply

Your email address will not be published. Required fields are marked *