Quindi abbiamo appreso che dobbiamo indicare Transvaal e posso dirti che questo file alla fine include Decode, che
viene eseguito per primo.
Quando iniziamo la nostra app e questo rende questa strana cosa al posto di questo d'Hiv qui.
Ora cos'è quella strana cosa app qui.
Reimportazione dell'app da questo file dell'app Indiano dal file Shreyas dell'app.
Perché le estensioni vengono aggiunte automaticamente alle importazioni.
Caro, alla fine abbiamo una funzione JavaScript.
Questa è una funzione regolare, una funzione freccia memorizzata ed è costante.
E quindi esportiamo questa costante e quindi è una funzione piuttosto semplice.
Ma la cosa all'interno della funzione non è semplice.
Quello che restituiamo qui sembra age, Timal, proprio come questo sembra age html, ma è in un file
JavaScript.
Non può essere h html.
Giusto.
Non è possibile aggiungere h html in un file JavaScript.
Questa è una sintassi speciale inventata dal team di React.
Si chiama J come X ..
E ci consente di inviare email cercando codice nei file JavaScript sotto il cofano.
Questo sarà tradotto in istruzioni reagire capisce in dettaglio.
Quest'anno è simile a un elemento di reazione, un metodo fornito su questo oggetto di reazione qui e poi qui.
Età uno
E poi qui.
No.
O un oggetto vuoto.
E poi c'è un terzo argomento, il tuo testo qui, per esempio.
Ciao.
Questo è reagire.
Testo diverso da prima, ma renderà qualcosa di simile sullo schermo.
Ciò produrrà lo stesso risultato e te lo posso dimostrare.
Se semplicemente avviamo il nostro server di sviluppo e proviamo a vedere questa app e l'azione per avviarlo e il pacchetto per
inseguire il file, troviamo uno script per avviare lo script, che esiste già lì.
E questo, alla fine, utilizzerà tale strumento.
Ho accennato in precedenza per poi trasformare il nostro codice e avviare un server di sviluppo
che ricarichi o inietti automaticamente le modifiche quando cambiamo qualcosa.
Quindi qui possiamo aprire un nuovo terminale integrato in queste idee.
E sono su NPM che iniziano a far apparire quel server di sviluppo.
E dovresti mantenere quel server attivo e funzionante finché lavori sul tuo codice, perché quando lo chiudi
non puoi più visualizzare l'anteprima della tua pagina, più la tua app.
Ora, quando avvii questo server, quando esegui npm start, dovrebbe aprire automaticamente una nuova
scheda nel browser su localhost 3000.
Se non lo fa semplicemente da solo, visitato e caro, dovresti vedere hide.
Questa è reazione, che è chiaramente il testo che ho inserito qui.
Quindi alla fine di quest'anno è React Syntex e potremmo scrivere la nostra intera app con questa sintassi.
Ma questo diventa molto ingombrante, specialmente se iniziamo a nidificare gli elementi l'uno nell'altro.
Ecco perché React ci offre questa alternativa J. S. La sintassi X, che alla fine è stata appena tradotta
per reagire, crea elemento e poi quello che ti ho appena mostrato.
Questo è anche il motivo per cui dobbiamo importare reagire qui, anche se sembra che non stiamo usando questo
oggetto reagire ovunque in questo file.
Giusto.
Dobbiamo reagire qui al testo, ma è qualcosa di diverso.
Quindi non lo stiamo usando da nessuna parte in questo file.
Bene, viene usato implicitamente perché questo è solo zucchero sintattico.
Alla fine, viene tradotto in quella sintassi ovvia.
Ti ho mostrato.
Ed è di questo che parla il reattore.
Diciamo a reagire quali elementi dovrebbe rendere.
E sotto il cofano lo tradurremo in comandi comprensibili al DOM, che il browser
comprende per rendere reali elementi DOM.
Ora, ad esempio, se aggiungo qui il titolo, che ci fornisce questo suggerimento integrato nel browser, in
pratica.
Funziona e lo salvo.
Si ricarica automaticamente.
Non è necessario farlo da soli e ora dovrebbe passare il mouse sopra questo.
Vedi questo suggerimento.
Qui funziona molto piccolo, ma puoi vederlo se lo provi sul tuo sistema.
Ora, questo funziona perché papà, alla fine, è tradotto per reagire, creare elementi.
All'età di un anno, poi fa obiezione, che prosegue lasciata vuota qui.
Impostiamo gli attributi o le proprietà che vogliamo impostare su quel nodo DOM, che viene creato qui
in questo caso, titolo due, funziona.
E da allora in poi, abbiamo il testo.
Ecco come funziona e reagisce.
Faremo tutto il necessario.
Creerà questo elemento.
Imposta tutte queste proprietà o attributi qui.
E renderà l'ultimo argomento qui.
All'interno di quell'elemento creato.
E questa è anche la parte in cui è J è il codice X ci aiuta, perché se qui abbiamo,
diciamo, un altro elemento H html.
Dovremmo nidificare più reazioni, creare chiamate di elementi l'una nell'altra, che diventa rapidamente molto difficile
da gestire.
Ecco perché è J è indice X.
Ecco una grande idea, una grande invenzione.
Quindi useremo la sintassi e abbiamo usato anche qui all'Indice J.
S.
La differenza è che qui non lo usiamo con un normale H.
Elemento Dom temporale.
Ma invece qui usiamo la funzione personalizzata perché stiamo usando ciò che viene esportato nell'apertura come file.
E ciò che esportiamo è una normale funzione JavaScript.
Bene, questo è uno dei concetti più importanti dei componenti di reazione.