JS & JSX

Salve, Gabriel!

JSX significa JavaScript XML. É uma extensão de sintaxe para JavaScript que permite usar tags HTML diretamente no arquivo JavaScript. Em vez de criar, configurar e anexar suas tags HTML por meio de objetos JavaScript, você pode criar os elementos usando uma sintaxe semelhante a XML que gerará os elementos DOM para você nos bastidores. Tem um video bacana sobre isso, deixei já na marcação de tempo exata onde o Soutinho fala sobre JSX.

Então, podemos ter algo assim:

function bemVindo(props) {
  return <h1>Olá, {props.nome}</h1>;
}

JavaScript é a linguaguem de programação em si. Aqui tem um video bem legal sobre isso.

Então, quando você desenvolve aplicações React usando JavaScript vc está, por padrão, usando ambos: JS e JSX.