JSX e Components

Parte do curso de React

Na lição anterior você viu um componente retornar algo parecido com HTML: return <h1>Hello, React</h1>;. Aquilo deve ter soado um pouco estranho. Funções JavaScript retornam valores como números, strings ou objetos, não retornam sinais de menor e maior. Escrever marcação diretamente dentro de uma função JavaScript só funciona por causa de uma camada chamada JSX, que traz o próprio conjunto de regras, diferentes o...

JSX significa JavaScript XML. É uma extensão de sintaxe que permite escrever algo parecido com uma tag HTML diretamente dentro de código JavaScript. Uma ferramenta de build (o mesmo tipo de compilador mencionado na lição anterior) lê <h1>Hello</h1> e transforma isso em uma chamada de função JavaScript comum antes que o navegador veja qualquer coisa, algo próximo de createElement("h1", null, "Hello").