Per questo allegato per trovare un progetto di partenza, questo progetto di partenza è stato creato con l'app Create React,
uno strumento creato dal team di React.
Alla fine, il che rende facile creare nuovi progetti di reazione e darci una struttura di progetto come questa.
L'ho modificato un po ', ma generalmente è esattamente lo stesso che otterresti da questo strumento.
Ora, perché abbiamo bisogno di un tale strumento?
Perché non importiamo solo uno script nel nostro H.
File HTML e iniziare?
Perché React è un po 'più complesso di JavaScript vaniglia.
Alla fine, spediamo il codice JavaScript vaniglia, ma il modo in cui scriviamo al codice è un po 'più conveniente per
noi come sviluppatore.
Possiamo utilizzare alcune funzionalità che non potrebbero essere eseguite nel browser e quindi questa configurazione del progetto qui
include un paio di strumenti che prendono il codice che scriviamo come sviluppatore e lo convertono effettivamente in codice che
viene eseguito in un browser.
Quindi abbiamo avuto Neuroma, il codice che viene eseguito nel browser?
Ma è più facile scrivere quel codice come sviluppatore.
Inoltre, otteniamo un server di sviluppo, che è un server semplice che serve la nostra applicazione front-end in modo
che non abbia back e serva solo quel front-quell'applicazione e che ricarichi o inietti automaticamente le modifiche
ogni volta che cambiamo e salviamo qualcosa in una delle nostre fonti file di codice.
Inoltre, qui con REACT, stiamo creando un'applicazione a pagina singola.
Questo non è un must, ma è una scelta comune in un'applicazione a pagina singola.
Hai solo un file temporale H, che alla fine viene restituito dal server che serve quell'applicazione.
In questo caso, questo file Timmo di età, che a sua volta è relativamente vuoto.
Ma questo file includerà successivamente le importazioni di script.
Verranno aggiunti automaticamente da questi strumenti che ho menzionato in precedenza, che alla fine ospitano ed eseguono
la nostra applicazione di reazione, che a nostra volta qui nella cartella di origine con i nostri file
ci siamo arrivati in modo che alla fine abbiamo un'applicazione web di Front End, che consiste in un file html
in cui Denn JavaScript viene utilizzato per eseguire il rendering di qualcosa sullo schermo e ri-renderlo sullo schermo quando
è necessario.
E ciò ci consente di costruire interfacce utente moderne altamente reattive in cui tutto accade istantaneamente perché JavaScript
viene eseguito sul browser, le cose accadono all'istante.
Non è necessario attendere che un nuovo file L venga scaricato da un server.
È che tutto è già lì.
Quindi quando un utente fa clic su un pulsante e vogliamo mostrare una casella sullo schermo in risposta a quel boom di
clic, ciò accade istantaneamente a causa di JavaScript.
Questa è la sensazione che vogliamo fornire.
Possiamo farlo ora con reagire.
Basta parlare della teoria.
Scriviamo un po 'di codice.
Come ho già detto, lo facciamo qui nella cartella sorgente dove troviamo un indicizzato al suo file
nel file Chase dell'app, entrambi file molto semplici.
Ora diamo un'occhiata al telefono di caso indicizzato.
Ecco, abbiamo un paio di importazioni in cima.
Questo è, comunque, il modo in cui importi il codice sul front-end.
Importa qualcosa da e poi aiva un percorso relativo al tuo file.
O se è un pacchetto di terze parti, solo un nome di pacchetto.
E poi qui abbiamo importazioni dai nostri file con un percorso relativo.
Come ho già detto, qui stiamo eseguendo un comando alla fine.
Rendering React Dom.
Ora, questo proviene dall'oggetto React Dom qui alla fine, che stiamo importando
dalla libreria React Arm, e questo rende questa cosa strana, che non è JavaScript normale.
Sei tu.
Questo gioca sul nostro H. M. pagina.
Questo è JavaScript regolare.
E qui stiamo selezionando l'elemento con un'idea di root.
Se diamo un'occhiata al nostro singolo file HGL, questo è Dave qui.
Quindi i dati sono alla fine in cui la nostra applicazione a pagina singola di reazione sarà ospitata su due.
E sono pronti a reagire, prenderanno il controllo e renderanno tutto in quel posto.
Quindi è quello che stiamo facendo qui.
Ma cos'è questa strana cosa per papà?
Dobbiamo capire quali sono i componenti e come funziona la reazione.