-O JSX é como um HTML, porém dentro do código JS; -É a principal maneira de escrever HTML com o React; -Podemos interporlar variáveis, inserindo ela entre {}; É possível também executar funções em JSX; -Inserir valores em atributos de tags também é válido em JSX;

ctrl + c = para o servidor do react npm start =ai inicializar no navegador

Referência: https://www.youtube.com/watch?v=9iKNxnFJY_Q&list=PLnDvRpP8BneyVA0SZ2okm-QBojomniQVO&index=4

JSX é uma extensão de sintaxe para JavaScript. É semelhante a uma linguagem de template, mas com todo o poder do JavaScript. JSX é compilado para chamadas React.createElement () que retornam objetos JavaScript simples chamados “elementos React”. Para ter uma introdução básica ao JSX consulte os documentos aqui e encontre um tutorial mais aprofundado sobre JSX aqui.

React DOM usa a convenção de nomenclatura de propriedades camelCase em vez dos nomes de atributos HTML. Por exemplo, tabindex torna-se tabIndex em JSX. O atributo class também é escrito como className, já que class é uma palavra reservada em JavaScript:

Referência: https://pt-br.reactjs.org/docs/glossary.html