Para iniciar o projeto em React.js, no terminal, escrevemos:
npx create-react-app nome-do-projeto- Inicia numa nova pasta chamada nome-do-projetonpx create-react-app .- Inicia na pasta atual na qual o terminal está aberto
Depois do create-react-app ser executado, aparecerá uma estrutura para rodar o Reat.js:
/node_modulesé a pasta que guarda todas as dependências utilizadas no projeto (Ela não deve ser apagada)/publicguarda as imagens e assets do projeto/srcé onde ficará todos os arquivos para a criação do projeto, os .jsx e .css.gitignoreé responsável por ignorar arquivos e pastas que não vão para o repositório no Github (como node_modules)package.jsontrás uma descrição e configurações do nosso projeto, como nome do projeto, versão, quais dependências estamos usando, scripts que podem ser executados para facilitar o desenvolvimento do projeto.
No React podemos utilizar componentes de Classe ou de Função. Em versões antigas do React, nós precisavamos ter componentes de função como Stateless, ou seja, sem estado, e componentes de Classe como Stateful, com estado. Hoje já é diferente, nós temos os Hooks do React que nos permite controlar o estado do componente, sendo ele de classe ou de função.