Não é obrigatório, ele surgiu como uma proposta para templates. Vejamos:
"Quando JSX surgiu como uma alternativa para escrevermos nosso template, ele de início foi mal visto e realmente pode parecer estranho no começo. Inicialmente, houveram comparações a um retrocesso por ele estar mesclando a estrutura do DOM com a lógica da aplicação. Isso era um dos pontos em que pessoas apontavam como negativo do JSX, mas que posteriormente, se mostrou poderoso.
Como tudo que há de novo, inicialmente, temos um certo desconforto mesmo quando tal tecnologia, de certa forma, altera e nos retira da zona de conforto. Mas, após já ter amadurecido na comunidade, ele vem ganhando muita força e já mostrou o seu valor. Amado e odiado, ele é o mais popular template para criação da estrutura de uma interface.
Considerando o seguinte código abaixo, acredite, isso não é HTML! E neste artigo, iremos conhecer melhor sobre isto e sobre essa fantástica alternativa para templates."
Fonte: https://medium.com/reactbrasil/jsx-de6f43b06f41
Go @ahead
O React (também denominado React. js ou ReactJS) é uma biblioteca JavaScript de código aberto com foco em criar interfaces de usuário (frontend) em páginas web. É mantido pelo Facebook, Instagram, outras empresas e uma comunidade de desenvolvedores individuais.
O React adota o fato de que a lógica de renderização é inerentemente acoplada com outras lógicas de UI: como eventos são manipulados, como o state muda com o tempo e como os dados são preparados para exibição.
O React NÃO REQUER o uso do JSX. Porém, a maioria das pessoas acha prático como uma ajuda visual quando se está trabalhando com uma UI dentro do código em JavaScript. Ele permite ao React mostrar mensagens mais úteis de erro e aviso.