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

Esercizi di reazione

Esercizio:

Immettere il metodo ReactDOM corretto per eseguire il rendering dell'elemento React nel DOM.

ReactDOM.(myElement, document.getElementById('root'));



Reagire al quiz

Metti alla prova le tue abilità di React con un quiz.

Reagire al 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-appstrumento è 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-appimposterà tutto il necessario per eseguire un'applicazione React.

Nota: se hai già installato in precedenza create-react-appa 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-appdirectory:

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:3000nella barra degli indirizzi.

Il risultato:


Imparerai di più su create-react-appnel 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 .