Então aprendemos que precisamos indicar o Transvaal e posso dizer que esse arquivo no final inclui Decode,
que é executado primeiro.
Quando iniciamos nosso aplicativo e isso torna essa coisa estranha no lugar desse d'Hiv aqui.
Agora, o que é essa coisa estranha de aplicativo aqui.
Reimportando o aplicativo deste arquivo de aplicativo indiano do arquivo Shreyas do aplicativo.
Porque as extensões são adicionadas automaticamente às importações.
Caro, o que temos é no final uma função JavaScript.
Esta é uma função regular, uma função de seta armazenada e é constante.
E então exportamos essa constante e, portanto, é uma função bastante direta.
Mas a coisa dentro da função não é direta.
O que retornamos aqui parece com idade, Timal, assim como com idade html, mas está em um arquivo
JavaScript.
Não pode ser h html.
Certo.
Você não pode adicionar h html em um arquivo JavaScript.
Essa é uma sintaxe especial inventada pela equipe React.
É chamado J como X ..
E isso permite que H envie um e-mail com código de busca em arquivos JavaScript em baixo do capô.
Isso será traduzido para instruções que o Reaction entende em detalhes.
Este ano é semelhante ao elemento de criação de reação, um método fornecido neste objeto de reação aqui e depois aqui.
Idade um.
E então aqui.
Não.
Ou um objeto vazio.
E depois há um terceiro argumento, seu texto aqui, por exemplo.
Oi.
Isso é reagir.
Texto diferente do que antes, mas renderizará algo semelhante na tela.
Isso produzirá o mesmo resultado e eu posso provar isso para você.
Se simplesmente iniciarmos o servidor de desenvolvimento e tentarmos ver esse aplicativo e ação para iniciá-lo e o pacote para perseguir
o arquivo, encontraremos um script para iniciar o script, que já existe lá.
E isso, no final, usará essas ferramentas.
Eu mencionei anteriormente para transformar nosso código e iniciar um servidor de desenvolvimento que recarrega
automaticamente ou injeta alterações quando alteramos alguma coisa.
Então, aqui podemos abrir um novo terminal integrado a essa idéia.
E eles estão no NPM começam a abrir esse servidor de desenvolvimento.
E você deve manter esse servidor em funcionamento enquanto estiver trabalhando no seu código, porque ao
fechá-lo, você não pode mais visualizar sua página, seu aplicativo.
Agora, quando você inicia este servidor, quando executa o npm start, ele deve abrir automaticamente uma
nova guia no navegador no localhost 3000.
Se isso não acontecer por conta própria e visitado e querido, você deve ver se esconder.
Isso é reação, que é claramente o texto que eu inseri aqui.
Então, no final deste ano, é o React Syntex, e poderíamos escrever nosso aplicativo inteiro com essa sintaxe.
Mas isso fica muito complicado, especialmente se começarmos a aninhar elementos um no outro.
É por isso que o React nos dá essa alternativa J. S. A sintaxe X, que no final é traduzida para
reagir, cria um elemento e depois o que eu acabei de mostrar.
É também por isso que precisamos importar reagir aqui, mesmo que pareça que não estamos usando esse objeto reagir
em nenhum lugar deste arquivo.
Certo.
Temos que reagir ao texto aqui, mas isso é algo diferente.
Portanto, não o estamos usando em nenhum lugar deste arquivo.
Bem, é usado implicitamente porque é apenas açúcar sintático.
No final, é traduzido para essa sintaxe óbvia.
Eu te mostrei.
E é disso que se trata o reator.
Dizemos para reagir quais elementos ele deve renderizar.
E sob o capô, então, traduziremos isso em comandos que o DOM entende, que o
navegador entende para renderizar elementos DOM reais.
Agora, por exemplo, se eu adicionar o título aqui, o que nos dá essa dica de ferramenta embutida no navegador,
basicamente.
Isso funciona e eu salvo isso.
Recarrega automaticamente.
Você não precisa fazer isso sozinho e agora deve passar o mouse sobre isso.
Você vê esta dica de ferramenta.
Isso funciona muito pequeno aqui, mas você pode ver se testar isso em seu próprio sistema.
Agora, isso funciona porque o pai, no final, é traduzido para reagir, criar elemento.
A idade um, então objeta, que nós julgamos deixado vazio aqui.
Definimos os atributos ou as propriedades que queremos definir nesse nó DOM, que é criado aqui, neste
caso, título dois, isso funciona.
E então, a seguir, temos o texto.
É assim que isso funciona e reage.
Faremos tudo o que for necessário.
Ele criará esse elemento.
Ele definirá todas essas propriedades ou atributos aqui.
E renderizará o último argumento aqui.
Dentro desse elemento criado.
E essa também é a parte em que J é o código X nos ajuda, porque se aqui temos,
digamos, outro elemento H html.
Teríamos que aninhar várias reações, criar chamadas de elementos uma para a outra, o que rapidamente se torna muito
difícil de gerenciar.
É por isso que é o índice J é X.
Aqui está uma ótima idéia, uma grande invenção.
Então, usaremos a sintaxe e também usamos aqui no Índice J.
S.
A diferença é que aqui não o usamos com um H. normal
Elemento Dom Timal.
Mas, em vez disso, aqui usamos a função personalizada, porque estamos usando o que é exportado na abertura como arquivo.
E o que exportamos existe uma função JavaScript normal.
Bem, esse é um dos conceitos mais importantes dos componentes de reação.