Il più piccolo esempio di React assomiglia a questo:
ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root'));Visualizza un titolo che dice “Ciao, mondo!” sulla pagina.
Provalo su CodePen
Clicca il link qui sopra per aprire un editor online. Sentitevi liberi di fare dei cambiamenti e vedere come influenzano l’output. La maggior parte delle pagine di questa guida avranno esempi modificabili come questo.
Come leggere questa guida
In questa guida, esamineremo i mattoni delle app React: elementi e componenti. Una volta che li avrete padroneggiati, potrete creare app complesse partendo da piccoli pezzi riutilizzabili.
Tip
Questa guida è pensata per le persone che preferiscono imparare i concetti passo dopo passo. Se preferite imparare facendo, date un’occhiata al nostro pratico tutorial. Potresti trovare questa guida e il tutorial complementari l’uno all’altro.
Questo è il primo capitolo di una guida passo passo sui principali concetti di React. Puoi trovare una lista di tutti i suoi capitoli nella barra laterale di navigazione. Se stai leggendo da un dispositivo mobile, puoi accedere alla navigazione premendo il pulsante nell’angolo in basso a destra del tuo schermo.
Ogni capitolo di questa guida si basa sulle conoscenze introdotte nei capitoli precedenti. Potete imparare la maggior parte di React leggendo i capitoli della guida “Concetti principali” nell’ordine in cui appaiono nella barra laterale. Per esempio, “Introdurre JSX” è il capitolo successivo a questo.
Presupposti del livello di conoscenza
React è una libreria JavaScript, e quindi assumiamo che abbiate una conoscenza di base del linguaggio JavaScript. Se non ti senti molto sicuro, ti consigliamo di guardare un tutorial JavaScript per verificare il tuo livello di conoscenza e permetterti di seguire questa guida senza perderti. Potresti impiegare tra i 30 minuti e l’ora, ma come risultato non dovrai sentirti come se stessi imparando sia React che JavaScript allo stesso tempo.
Nota
Questa guida usa occasionalmente alcune delle sintassi JavaScript più nuove negli esempi. Se non avete lavorato con JavaScript negli ultimi anni, questi tre punti dovrebbero aiutarvi nella maggior parte dei casi.
Iniziamo!
Continua a scorrere verso il basso, e troverai il link al prossimo capitolo di questa guida proprio prima del footer del sito web.