Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Skapa Ditt Första React Redux Toolkit-Projekt | Komma Igång med Redux Toolkit
Tillståndshantering med Redux Toolkit i React

bookSkapa Ditt Första React Redux Toolkit-Projekt

Om du startar ett nytt projekt med Create React App och vill konfigurera Redux Toolkit kan du använda flaggan --template redux vid skapandet av projektet:

npx create-react-app my-redux-app --template redux

Detta skapar en ny React-applikation där Redux Toolkit redan är förkonfigurerat.

Vi har samma lista över installerade bibliotek i dependencies i package.json, men hela applikationen har redan en fördefinierad store, actions och reducer.

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

Vi kommer inte att granska alla fördefinierade verktyg här. Vi kommer att skapa våra egna senare för ökad förståelse och anpassning.

Kom ihåg att vi har två alternativ för att introducera React Redux-biblioteket i vår React-applikation.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 5

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 4.17

bookSkapa Ditt Första React Redux Toolkit-Projekt

Svep för att visa menyn

Om du startar ett nytt projekt med Create React App och vill konfigurera Redux Toolkit kan du använda flaggan --template redux vid skapandet av projektet:

npx create-react-app my-redux-app --template redux

Detta skapar en ny React-applikation där Redux Toolkit redan är förkonfigurerat.

Vi har samma lista över installerade bibliotek i dependencies i package.json, men hela applikationen har redan en fördefinierad store, actions och reducer.

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

Vi kommer inte att granska alla fördefinierade verktyg här. Vi kommer att skapa våra egna senare för ökad förståelse och anpassning.

Kom ihåg att vi har två alternativ för att introducera React Redux-biblioteket i vår React-applikation.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 5
some-alt