JSX (JavaScript XML) es una extensión de JavaScript que permite escribir HTML en el mismo archivo que el código JavaScript. Es muy similar al HTML, pero tiene algunas diferencias clave, como el uso de className en lugar de class y el auto-cierre de las etiquetas (como <img />).

Ventajas de JSX:

• Permite una escritura más clara y compacta del código.
• Se integra fácilmente con JavaScript, lo que facilita la creación de elementos dinámicos.
• Es más fácil de entender y depurar en comparación con la concatenación de strings.

Ejemplo de JSX:

              {`import React from "react";
      
              function MiComponente() {
                return (
                  <div>
                    <h1>¡Hola, Mundo!</h1>
                    <p>Este es un ejemplo de JSX.</p>
                  </div>
                );
              }
      
              export default MiComponente;`}