JavaScript es un lenguaje de secuencias de comandos que permite a los desarrolladores hacer que sus páginas web sean más interactivas. Cada vez que una página web carga algo, o se reproduce una presentación de diapositivas, o se muestra una imagen animada, JavaScript está involucrado detrás de él. Básicamente agrega vida y creatividad a un sitio web, haciéndolo más atractivo.

JSX es solo una extensión de sintaxis de JavaScript que permite a los usuarios escribir componentes React; React es una biblioteca JavaScript de código abierto para construir UI complejas; Permite a los programadores crear UI complejas a partir de componentes más pequeños.

JSX o JavaScript XML combina HTML y JavaScript, lo que hace que el código sea más fácil de leer y comprensible para el usuario. JSX combina la interactividad con el marcado en lugar de separar los dos. Hace que sea más fácil visualizar DOM. En JSX podemos escribir directamente etiquetas HTML dentro del código JavaScript.

¿En qué se diferencian JS y JSX??

Tanto JS como JSX son intercambiables, pero la diferencia radica en cómo se crea la interfaz de usuario y cómo se divide la funcionalidad en la aplicación.

Para JS, se escribe primero un HTML simple y el JS se escribe dentro de la etiqueta de script como se muestra:

Lista de frutas

• Naranja


• mango


• Pera

Y luego se agrega el JavaScript que realizará la funcionalidad:

Pero el código similar de JSX en React comienza con un archivo HTML fijo:

Y luego se escribe el código que se parece a HTML, pero es JSX:

función fruitslist (accesorios)
devolver (

Lista de frutas

• mango


• Pera


• Guayaba

)
;

De esta manera, la funcionalidad también se divide en componentes y, por lo tanto, hace que las aplicaciones complicadas sean más fáciles de entender.

JSX no es necesario usarlo, ya que React se puede escribir con JS y JSX, pero JSX facilita que los usuarios realicen aplicaciones React, ya que es similar a HTML. Hace que sea más fácil escribir y actualizar el código HTML, por lo que la funcionalidad es más fácil de manejar.

Conclusión

JS es simplemente un lenguaje de secuencias de comandos, agregando funcionalidad a su sitio web. JSX es una adición a la sintaxis de JavaScript, que es una mezcla de HTML y JavaScript. Tanto JS como JSX son intercambiables, pero JSX hace que el código sea más fácil de entender para los usuarios. JSX se usa popularmente en React, ya que facilita el trabajo de construir una aplicación.