Muita gente  não sabe por onde começar, ou acha que é muito complicado. Só que na verdade só precisam de um empurrãozinho. Hoje vamos dar esse primeiro passo e aprender o princípio  mais básico para se criar uma aplicação com reactJS

Vamos nessa?

Baixando o React:

Primeiro crie uma pasta sem caracteres especiais, espaçamentos ou acentos: 

Perfect! 

Agora abra  essa pasta na sua IDE favorita, nesse caso vamos  usar o vscode. Depois abra o terminal dentro dessa pasta. Pode ser dentro da IDE ou fora, você que escolhe, Nesse exemplo vamos usar o terminal do vscode para ficarmos num  único ambiente e de forma organizada: 

Sem muitos segredos até agora, certo? Vamos lá!

Instalando o react: 

O que significa cada comando?

Npx:

NPX é um package runner do NPM. Ele executa as bibliotecas que podem ser baixadas do site npmjs. Essas bibliotecas ficam em um banco de dados chamado NPM Registry, que também podem ser baixadas via CLI com npm ou yarn e com npx

create-react-app: 

Está dizendo ao npx “crie uma aplicação react”

minhastack:

Essa parte varia de acordo com o nome do seu projeto, você pode colocar qualquer nome que desejar, desde que não tenha espaços ou caracteres especiais. 

Fazendo nosso projeto rodar: 

Abra a pasta do projeto e digite no terminal: 

O que significa cada comando?

 cd:

Significa “change directory”, ou em português “mudar dretório”

minhastack:

É o nome do diretório para onde você quer mudar. 

Estamos dentro da pasta, agora digite: 

Vendo nosso projeto react funcionando pela primeira vez: 

Após ser dado o npm start seu navegador deve ter sido aberto automaricamente. Se não abriu digite no campo de pesquisa: localhost:3000 e deverá ver seu projeto funcionando: