1. Configuração da estrutura para o React funcionar, alterar o arquivo index.html que está dentro da pasta public

Untitled

  1. Alterar também o o arquivo index.jsx que está dentro da pasta src

Untitled

  1. Executar o Webpack novamente com o comando yarn webpack para fazer minificação e conversão do código com o Babel
  2. Após a conversão, inserir no arquivo index.html o script que foi gerado pelo webpack no arquivo bundle.js conforme mostrado na linha 11:

Untitled

  1. Rodar com o comando yarn webpack
  2. Com as teclas de atalhos Alt l o para abrir com o Live Server a página criada em React:

Untitled

  1. Dá para fazer a importação do react de outro modo, alterando o arquivo index.jsx retirando o import React

Untitled

  1. Alterar também o o arquivo babel.config.js

Untitled

  1. Rodar novamente o webpack com o comando yarn webpack
  2. Alterar o arquivo index.jsx para Hello World 2 ****só para testar: ****

Untitled

  1. Atualizar novamente o webpack com o comando yarn webpack
  2. Novamente com as teclas de atalhos Alt l o para abrir com o Live Server a página criada em React: ****