Installare React direttamente in Windows

  • Articolo

Questa guida illustra come installare React direttamente in Windows usando gli strumenti front-end vite.

È consigliabile seguire queste istruzioni se non si ha familiarità con React e si è interessati solo all'apprendimento. Se si crea un'app a pagina singola (SPA) per la quale si intendono utilizzare i comandi o gli strumenti Bash e/o si prevede di eseguirne la distribuzione in un server Linux o usare contenitori Docker, è consigliabile eseguire l'installazione con vite sul sottosistema Windows per Linux (WSL).

Per informazioni più generali su React, decidere tra React (app Web), React Native (app per dispositivi mobili) e React Native for Desktop (app desktop), vedere la panoramica di React.

Creare l'app React

Per installare Create React App:

  1. Aprire un terminal (Prompt dei comandi di Windowa o PowerShell).

  2. Crea una nuova cartella di progetto: mkdir ReactProjects e passa alla directory in questione: cd ReactProjects.

  3. Installare React utilizzando vite:

    npm create vite@latest my-react-app -- --template react

  4. Dopo l'installazione, modificare le directory nella nuova app ("my-react-app" o qualsiasi altro nome si scelga di darle): cd my-react-app, installare le dipendenze: npm install e quindi avviare il server di sviluppo locale: npm run dev

    Questo comando avvierà il server Node.js e aprirà una nuova finestra del browser dove verrà visualizzata l'app. È possibile usare CTRL+c per interrompere l'esecuzione dell'app React nella riga di comando.

Nota

Vite include una pipeline di compilazione front-end attraverso l’impiego di Babel, esbuild e Rollup, ma non gestisce la logica back-end o i database. Se si sta cercando di creare un sito Web di cui è stato eseguito il rendering del server con React, che usa un back-end Node.js, è consigliabile installare Next.js anziché Vite, installazione che privilegia le app a pagina singola (single-page apps, SPA). Inoltre, se si vuole creare un sito Web statico orientato ai contenuti, è possibile prendere in considerazione l'installazione di Gatsby.

  1. Quando si è pronti per distribuire l'app Web in ambito produttivo, eseguire npm run build per creare una build dell'app nella cartella “dist”. Per altre informazioni, vedere Distribuzione di un sito statico.

Risorse aggiuntive