Installazione e preparazione dell'applicazione React
In questa lezione inizieremo con l'installazione e la preparazione dell'applicazione React, poiché in seguito la utilizzeremo in combinazione con Redux. Esistono modi più veloci per creare un template di un'applicazione React con Redux (che tra l'altro non sempre significa facile, specialmente per i principianti), indicati nella documentazione ufficiale, ma noi procederemo da zero.
Per iniziare, creiamo un'applicazione React
my-app utilizzando Vite
(è una moderna sostituzione di Webpack).
Per fare questo, apriamo il terminale
e inseriamo i seguenti comandi (nelle opzioni proposte,
se presenti, sceglieremo React e poi JavaScript):
npm create vite@latest my-app -- --template react
cd my-app
npm install
Avviamo l'applicazione creata:
npm run dev
Apriamo nel browser il link suggerito
http://localhost:5173/ e vedremo
la familiare schermata di benvenuto. Tutto funziona.
Ora rimuoviamo il superfluo. Puliamo la cartella public.
Nella cartella src lasciamo solo main.jsx,
index.css e App.jsx (in index.css
e App.jsx rimuoviamo completamente il contenuto).
Nel file index.html sostituiamo il testo
del titolo con:
<title>React Redux App</title>
Crea un'applicazione React e assicurati che funzioni.
Elimina file e cartelle non necessari.
