Queria saber se existe alguma diferença entre usar JS e JSX no react! Desde já, agradeço a atenção!
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Queria saber se existe alguma diferença entre usar JS e JSX no react! Desde já, agradeço a atenção!
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.