JSX y Components

Parte del curso de React

En la lección anterior viste un componente que devolvía algo con pinta de HTML: return <h1>Hello, React</h1>;. Eso debería haberte chirriado un poco. Las funciones de JavaScript devuelven valores como números, cadenas u objetos, no devuelven etiquetas entre ángulos.

JSX son las siglas de JavaScript XML. Es una extensión de la sintaxis que te permite escribir algo parecido a una etiqueta HTML directamente dentro del código JavaScript. Una herramienta de compilación (el mismo tipo de compilador que se mencionaba en la lección anterior) lee <h1>Hello</h1> y lo convierte en una simple llamada a una función de JavaScript antes de que tu navegador vea nada, más o menos...