In questo esercizio, apprenderai come installare Redux Toolkit e le sue dipendenze necessarie in un nuovo progetto React.

Prerequisiti

Prima di procedere, assicurati di aver installato Node.js e NPM sul tuo computer. Puoi verificarlo controllando le loro versioni. Se visualizzi i numeri di versione, puoi procedere con l'attività. In caso contrario, consulta la documentazione ufficiale di Node.js per installarli sulla tua macchina.

node -v
npm -v

Attività

Passaggio 1: Creazione di un nuovo progetto React

Aprire il terminale. Creare un nuovo progetto React utilizzando Create React App. Eseguire il seguente comando:

npx create-react-app my-redux-app

Spostarsi nella directory del progetto:

cd my-redux-app

Passaggio 2: Installazione di Redux Toolkit e delle dipendenze

Nella directory del progetto, eseguire il seguente comando per installare Redux Toolkit:

npm install @reduxjs/toolkit

Redux Toolkit potrebbe richiedere dipendenze aggiuntive. Installarle utilizzando il seguente comando:

npm install react-redux

Passaggio 3: Verifica dell'installazione

1. Aprire l'editor di codice e accedere alla directory del progetto della propria applicazione React;
2. Controllare il file package.json nella directory principale per assicurarsi che le dipendenze necessarie siano elencate;
3. Dovrebbero essere presenti le voci @reduxjs/toolkit e react-redux nella sezione dependencies.

Passaggio 4: Avviare il server di sviluppo

1. Tornare al terminale;
2. Avviare il server di sviluppo eseguendo:

npm start

Aprire il browser web e andare su http://localhost:3000. Dovresti vedere la tua applicazione React in esecuzione.