
De fato, muitas outras estruturas, como o PreAct (abre no novo guia) e Vue (abre no novo guia), Use ou suporta JSX também.Bem, o Dominic Tarr (abre no novo Tab) pensou assim também há mais de 10 anos e criou um projeto chamado Hyperscript (abre no novo guia) que fez exatamente isso.Observe que há um padrão, no entanto – escrevemos o nome da tag de um elemento, alguns atributos e depois seus filhos.Como o nome indica, o trabalho da função da fábrica é criar elementos com os nomes, atributos e crianças especificados.Usando hiperscript, você pode criar a mesma árvore Dom como assim:
No entanto, essa sintaxe é meio difícil de escrever e talvez ainda mais difícil de ler por outras pessoas.
Fonte: https://dodov.dev/blog/origins-of-jsx-and-why-it-exists