Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Installazione di Redux Toolkit | Introduzione a Redux Toolkit
Quizzes & Challenges
Quizzes
Challenges
/
Gestione dello Stato con Redux Toolkit in React

bookInstallazione di Redux Toolkit

1. Creare un progetto React

Se non hai ancora un progetto React, creane uno utilizzando Create React App. Apri il terminale ed esegui:

npx create-react-app my-great-app
cd my-great-app

2. Installazione di Redux Toolkit

Spostati nella directory del progetto e installa Redux Toolkit:

npm install @reduxjs/toolkit

3. Installazione di dipendenze aggiuntive

Redux Toolkit può richiedere dipendenze aggiuntive come react-redux. In questo modo, è possibile utilizzare Redux in React. Installale utilizzando:

npm install react-redux 

Una volta completate tutte le istruzioni, assicurati che il tuo file package.json includa le seguenti dipendenze:

"dependencies": {
  "@reduxjs/toolkit": "^1.9.7",
  "@testing-library/jest-dom": "^5.17.0",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-redux": "^8.1.3",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

La struttura del tuo progetto dovrebbe essere simile alla seguente:

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 4

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 4.17

bookInstallazione di Redux Toolkit

Scorri per mostrare il menu

1. Creare un progetto React

Se non hai ancora un progetto React, creane uno utilizzando Create React App. Apri il terminale ed esegui:

npx create-react-app my-great-app
cd my-great-app

2. Installazione di Redux Toolkit

Spostati nella directory del progetto e installa Redux Toolkit:

npm install @reduxjs/toolkit

3. Installazione di dipendenze aggiuntive

Redux Toolkit può richiedere dipendenze aggiuntive come react-redux. In questo modo, è possibile utilizzare Redux in React. Installale utilizzando:

npm install react-redux 

Una volta completate tutte le istruzioni, assicurati che il tuo file package.json includa le seguenti dipendenze:

"dependencies": {
  "@reduxjs/toolkit": "^1.9.7",
  "@testing-library/jest-dom": "^5.17.0",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-redux": "^8.1.3",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

La struttura del tuo progetto dovrebbe essere simile alla seguente:

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 4
some-alt