JavaScript é um ECMAScript seguindo a linguagem de script que permite aos desenvolvedores tornar suas páginas da web mais interativas. Toda vez que uma página da web carrega algo, ou uma apresentação de slides, ou uma imagem animada é exibida, JavaScript está envolvido por trás disso. Basicamente, ele adiciona vida e criatividade a um site, tornando -o mais envolvente.

O JSX é apenas uma extensão de sintaxe do JavaScript que permite que os usuários escrevam componentes do React; O React é uma biblioteca JavaScript de frontend de código aberto para a construção de UIs complexas; Ele permite que os programadores criem UIs complexas a partir de componentes menores.

JSX ou JavaScript XML combina html e javascript, facilitando a leitura do código e compreensível para o usuário. JSX combina a interatividade com a marcação em vez de separar os dois. Facilita a visualização do DOM. No JSX, podemos escrever diretamente tags html dentro do código JavaScript.

Como JS e JSX são diferentes?

JS e JSX são intercambiáveis, mas a diferença está na maneira como a interface do usuário é criada e como a funcionalidade é dividida em todo o aplicativo.

Para JS, um HTML simples é escrito primeiro e o JS é escrito dentro da tag de script, como mostrado:

Lista de frutas

• Laranja


• manga


• Pera

E então o JavaScript é adicionado que executará a funcionalidade:

Mas o código semelhante de JSX no React começa com um arquivo html fixo:

E então o código é escrito, que se parece com HTML, mas é JSX:

função fruitlist (adereços)
retornar (

Lista de frutas

• manga


• Pera


• Goiaba

)
;

Dessa maneira.

O JSX não é necessário usar como React pode ser escrito com JS e JSX, mas o JSX facilita para os usuários fazer aplicativos React, pois é semelhante ao HTML. Facilita a gravação e atualização do código HTML, portanto, a funcionalidade é mais fácil de lidar.

Conclusão

JS é simplesmente uma linguagem de script, adicionando funcionalidade ao seu site. JSX é uma adição à sintaxe JavaScript, que é uma mistura de HTML e JavaScript. JS e JSX são intercambiáveis, mas JSX facilita o código do código para os usuários. JSX é popularmente usado no React, pois facilita a criação de um aplicativo.