¿Qué es JSX?

JSX es una extensión de sintaxis usada principalmente en React que permite escribir estructuras parecidas a HTML dentro de JavaScript.

¿Para qué sirve JSX?

JSX sirve para:

• Definir interfaces de forma más expresiva.
• Mezclar estructura visual con lógica de componentes.
• Escribir UI de forma más natural en React.

Ejemplo básico

function Saludo() {
  return <h1>Hola mundo</h1>;
}

Características de JSX

• Se parece a HTML, pero no es HTML real.
• Se transforma a JavaScript antes de ejecutarse.
• Permite interpolar expresiones con llaves {}.
• Es muy habitual en React y ecosistema relacionado.

¿Dónde se usa?

• En React.
• En componentes frontend modernos.
• En aplicaciones SPA y SSR con React.

Conclusión

JSX hace más cómoda la construcción de interfaces en React. Combina estructura y lógica en un mismo archivo y mejora la legibilidad del código de UI.

---

---