Instalar o React diretamente no Windows

  • Artigo

Este guia descreverá como instalar o React em uma distribuição do Linux (por exemplo, Ubuntu) em execução no WSL (Subsistema do Windows para Linux) usando as ferramentas de front-end vite.

Recomendamos seguir estas instruções se você é iniciante no React e está apenas interessado em aprender a usá-lo. Se você está criando um SPA (aplicativo de página única) com o qual deseja usar comandos ou ferramentas do Bash e/ou que pretende implantar em um servidor Linux, recomendamos que você o instale com o vite no WSL (Subsistema do Windows para Linux).

Para obter mais informações gerais sobre o React, decidir entre o React (aplicativos Web), o React Native (aplicativos móveis) e o React Native para Windows (aplicativos da área de trabalho), confira a visão geral do React.

Criar seu aplicativo React

Para instalar o Create React App:

  1. Abra um terminal (prompt de comando do Windows ou PowerShell).

  2. Crie uma pasta de projeto, mkdir ReactProjects, e insira este diretório: cd ReactProjects.

  3. Instale o React usando o vite:

    npm create vite@latest my-react-app -- --template react

  4. Uma vez instalado, altere os diretórios em seu novo aplicativo ("my-react-app" ou o que você escolheu chamá-lo): cd my-react-app, instale as dependências: npm install e inicie o servidor de desenvolvimento local: npm run dev

    Esse comando iniciará o servidor do Node.js e iniciará uma nova janela do navegador exibindo seu aplicativo. Use CTRL + C para interromper a execução do aplicativo React na linha de comando.

Observação

O Vite inclui um pipeline de build de front-end usando o Babel, esbuild e o Rollup, mas não trata da lógica nem dos bancos de dados de back-end. Se você procura criar um site renderizado pelo servidor com o React que use um back-end do Node.js, recomendamos instalar o Next.js em vez do Vite, que é mais voltado a aplicativos de página única (SPAs). O ideal também será considerar a instalação do Gatsby se você quiser criar um site estático orientado ao conteúdo.

  1. Quando você estiver pronto para implantar seu aplicativo Web em produção, a execução de npm run build para criar um build do aplicativo na pasta "dist". Você pode saber mais em Implantando um site estático.

Recursos adicionais