As descobertas que faço e coisas que aprendo

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.

You've successfully subscribed to Segredo Dev
Welcome back! You've successfully signed in.
Great! You've successfully signed up.
Your link has expired
Success! Your account is fully activated, you now have access to all content.