Esercitazione di reazione
React è una libreria JavaScript per la creazione di interfacce utente.
React viene utilizzato per creare applicazioni a pagina singola.
React ci consente di creare componenti dell'interfaccia utente riutilizzabili.
Inizia a imparare Reagisci ora ❯Imparare con gli esempi
Il nostro strumento "Mostra Reagire" semplifica la dimostrazione di Reagire. Mostra sia il codice che il risultato.
Esempio:
import React from 'react';
import ReactDOM from 'react-dom';
function Hello(props) {
return <h1>Hello World!</h1>;
}
ReactDOM.render(<Hello />, document.getElementById('root'));
Apprendimento con esercizi
Reagire al quiz
Metti alla prova le tue abilità di React con un quiz.
Crea l'app Reagire
Per imparare e testare React, dovresti configurare un React Environment sul tuo computer.
Questo tutorial utilizza il create-react-app
.
Lo create-react-app
strumento è un modo ufficialmente supportato per creare applicazioni React.
Node.js è necessario per utilizzare create-react-app
.
Apri il tuo terminale nella directory in cui desideri creare la tua applicazione.
Esegui questo comando per creare un'applicazione React denominata
my-react-app
:
npx create-react-app my-react-app
create-react-app
imposterà tutto il necessario per eseguire un'applicazione React.
Nota:
se hai già installato in precedenza create-react-app
a livello globale, ti consigliamo di disinstallare il pacchetto per assicurarti che npx utilizzi sempre l'ultima versione di
create-react-app
. Per disinstallare, eseguire questo comando: npm uninstall -g create-react-app
.
Eseguire l'applicazione Reagire
Esegui questo comando per spostarti nella my-react-app
directory:
cd my-react-app
Esegui questo comando per eseguire l'applicazione React
my-react-app
:
npm start
Verrà visualizzata una nuova finestra del browser con l'app React appena creata! In caso contrario, apri il browser e digita
localhost:3000
nella barra degli indirizzi.
Il risultato:
Imparerai di più su create-react-app
nel capitolo Reagire per iniziare .
Quello che dovresti già sapere
Prima di iniziare con React.JS, dovresti avere un'esperienza intermedia in:
- HTML
- CSS
- JavaScript
Dovresti anche avere una certa esperienza con le nuove funzionalità JavaScript introdotte in ECMAScript 6 (ES6), le imparerai nel capitolo React ES6 .