React è uno dei framework front-end JavaScript più popolari per la creazione di applicazioni Web. Aperto da Facebook nel 2013, è stato accolto con entusiasmo da una vasta comunità di sviluppatori.

Prima di iniziare a reagire, hai familiari con le basi dello sviluppo web: HTML, CSS e JavaScript. HTML e CSS saranno comunemente usati per inserire il design e per creare una pagina. JavaScript sta scrivendo la libreria che stiamo usando nella reazione.

Configurazione dell'ambiente

Prima di iniziare con react, devi prima assicurarti che l'installazione sia disponibile. È necessario assicurarsi di avere installato Node.js, è possibile verificare una versione aggiornata eseguendo il comando seguente:

$ node -version

Creazione di un progetto React

Uno dei modi più semplici per impostare un nuovo progetto React è utilizzare lo script create-react-app. È possibile utilizzare il comando npx per eseguire questo script.

$ npx create-react-app test

      

$ cd test

$ code

Questa è una nuova cartella di progetto in Visual Studio Code.

node_modules: tutte le dipendenze del progetto sono archiviate in questa cartella

public: questa cartella include le risorse statiche dell'applicazione Web

src: questa è la cartella contenente l'implementazione JavaScript della tua applicazione React

Esecuzione del server Web di sviluppo

L'esecuzione del server Web di sviluppo viene eseguita eseguendo lo script di avvio tramite:

$ npm start

Il browser verrà aperto automaticamente e l'URLhttp://localhost:3000è aperto.

Esecuzione di test

Il progetto di reazione iniziale include alcuni casi di test unitari di base in src/App.test.js per impostazione predefinita. Tali test possono essere eseguiti utilizzando i seguenti metodi:

$ npm run test

      

Crea un'applicazione pronta per la produzione. Ciò indica che l'applicazione react è stata compilata e il risultato è stato inserito nella cartella build del progetto. Il comando seguente viene utilizzato per eseguire la build di produzione:

$ npm run build

      

Grazie per aver letto!

Altri contenuti su plainenglish.io