Para que serve o create-react-app (CRA)
June 21, 2019
O create-react-app é um conjunto de ferramentas e funcionalidades pré-configuradas para que você possa iniciar um projeto React.
Normalmente este pacote é indicado aos iniciantes no aprendizado de React para que possam ir direto ao código e testar seus conhecimentos, o create-react-app já traz diversas configurações como Babel, Webpack, Scripts e outros recursos prontos para você. Isso economiza seu tempo e facilita na criação de novos app em React.
Como utilizar o Create React App?
Para que você possa iniciar seus projetos com create-react-app primeiro é necessário que você faça a instalação global deste pacote. Considerando que você já possui o npm instalado em sua máquina execute o seguinte comando no terminal ou console: npm install -g create-react-app
Pronto, agora você pode criar novos projetos com o pacote pré-configurado utilizando o comando create-react-app
. Para criar um novo projeto selecione a pasta em que deseja criar e execute o comando: create-react-app nome-do-seu-app
. Simples né? Depois é só dar cd nome-do-seu-app
e iniciar o desenvolvimento.
Como mencionei este pacote já disponibiliza alguns scripts em seu package.json, estando dentro da pasta de seu projeto você pode executar os seguintes comandos via terminal:
npm start
: inicia o servidor de desenvolvimento e fica aguardando alterações nos arquivos para que possa atualizar a página. Este comando já inicia um servidor no localhost:3000
npm run build
: compacta todo o seu projeto para que possa ser enviado em produção, é essencial executar este comando antes de enviar seu projeto para um servidor online (fazer o deploy).
npm test
: Inicia os testes em seu app e permite que você realize testes com Jest
npm run eject
: permite que você “desbloqueie” os arquivos de configuração do create-react-app dando possibilidade de você criar as próprias configurações de itens como webpack por exemplo
Resumidamente essas são algumas das funcionalidades e vantagens do create-react-app, recomendo que você instale e teste todas as possibilidades.