Introducción al lenguaje JSX en React

El lenguaje JSX es JavaScript ordinario, pero con algunas adiciones que permiten escribir etiquetas directamente en el código, sin comillas.

Las etiquetas se pueden devolver mediante return:

jsxfunction App() {
  return <div>
    texto
  </div>;
}

Las etiquetas pueden tener atributos:

jsxfunction App() {
  return <div class="eee">
    texto
  </div>;
}

Las etiquetas se pueden guardar en variables o constantes:

jsxfunction App() {
  const  elem = <div>texto</div>;
  return elem;
}

jsxfunction App() {
  return <div>
    texto
  </div>;
}