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).
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 npmO 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-appO 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-appe finalmente correr npm start para ver seu aplicativo ativo no localhost:
npm startSe 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!