JSX não é html. Ele é apenas uma sintaxe para React.createElement. Então, todo jsx que for escrito será convertido para React.createElement, e quem faz essa conversão é o babel. O jsx não pode ser interpretado pelo browser.
document.createElement
Retorna um elemento DOM
React.createElement
Retorna um objeto que representa o elemento DOM (virtual)
ReactDOM
É a lib que atualiza a verdadeira DOM baseado nas mudanças da DOM virtual.
Reconciliation
É o processo de sincronizar o virtual DOM com o DOM real durante os processos de renderização e re-renderização dos componentes.
Single Page Aplication
Significa que temos uma única página que fará as alterações quando necessário. É assim que o React funciona.