"Agora que conseguimos entender qual parte é o DOM real e qual parte é o DOM virtual e as principais diferenças entre bibliotecas e frameworks, podemos começar a criar features para esse projeto.""
Eu fui até ler a transcrição pra ver o que eu perdi. Porque eu não tenho ideia de onde o que ele tava falando conseguiu concluir com isso.
Oi, André, tudo bem?
O instrutor estava explicando sobre a estrutura do projeto em React e, durante essa explicação, ele abordou dois conceitos principais: a diferença entre bibliotecas e frameworks, e a diferença entre o DOM real e o DOM virtual.
O DOM (Document Object Model) é uma interface que permite a interação e manipulação de documentos HTML, XML e XHTML. O DOM real é o HTML puro, enquanto o DOM virtual é uma representação do DOM real que o React cria para fazer suas manipulações de forma mais eficiente.
No código que você está estudando, o DOM real é o arquivo "index.html", que contém a tag <div id="root"></div>. Já o DOM virtual começa a ser criado a partir do momento que o código entra em "index.js" e executa o ReactDOM.createRoot(). A partir desse ponto, o React começa a manipular o DOM virtual, criando e atualizando componentes conforme necessário.
Caso queira entender mais sobre o Virtual DOM, recomendo a leitura da documentação do React sobre Virtual DOM e objetos internos.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!