JavaScript est un langage de script suivant ECMAScript qui permet aux développeurs de rendre leurs pages Web plus interactives. Chaque fois qu'une page Web charge quelque chose, ou un diaporama joue, ou une image animée s'affiche, JavaScript est impliqué derrière lui. Fondamentalement, cela ajoute de la vie et de la créativité à un site Web, ce qui le rend plus engageant.

JSX n'est qu'une extension de syntaxe de JavaScript qui permet aux utilisateurs d'écrire des composants React; React est une bibliothèque JavaScript frontal open source pour la construction d'UIS complexes; Il permet aux programmeurs de créer des UIS complexes à partir de composants plus petits.

JSX ou JavaScript XML combine HTML et JavaScript, ce qui rend le code plus facile à lire et à comprendre pour l'utilisateur. JSX combine l'interactivité avec le balisage plutôt que de séparer les deux. Il est plus facile de visualiser DOM. Dans JSX, nous pouvons écrire directement des balises HTML dans le code JavaScript.

En quoi JS et JSX sont-ils différents?

JS et JSX sont interchangeables, mais la différence réside dans la façon dont l'interface utilisateur est créée et comment la fonctionnalité est divisée sur l'application.

Pour JS, un simple HTML est écrit en premier et le JS est écrit dans la balise de script comme indiqué:

Liste de fruits

• Orange


• mangue


• Poire

Et puis le JavaScript est ajouté qui remplira la fonctionnalité:

Mais le code similaire de JSX dans React commence par un fichier HTML fixe:

Et puis le code est écrit qui ressemble à HTML, mais est JSX:

fonction FruitList (accessoires)
retour (

Liste de fruits

• mangue


• Poire


• Goyave

)
;

De cette façon, la fonctionnalité est également divisée dans les composants et rendra donc les applications compliquées plus faciles à comprendre.

JSX n'est pas nécessaire pour utiliser car React peut être écrit avec JS et JSX, mais JSX permet aux utilisateurs de créer plus facilement les applications REACT, car elle est similaire à HTML. Il facilite l'écriture et la mise à jour du code HTML, donc les fonctionnalités sont plus faciles à gérer.

Conclusion

JS est simplement un langage de script, ajoutant des fonctionnalités à votre site Web. JSX est un ajout à la syntaxe JavaScript qui est un mélange de HTML et JavaScript. JS et JSX sont interchangeables mais JSX rend le code plus facile à comprendre pour les utilisateurs. JSX est populairement utilisé dans React, car il facilite la création d'une application.