Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Oprettelse af Dit Første React Redux Toolkit-Projekt | Kom Godt i Gang med Redux Toolkit
State Management med Redux Toolkit i React

bookOprettelse af Dit Første React Redux Toolkit-Projekt

Hvis du starter et nyt projekt med Create React App og ønsker at opsætte Redux Toolkit, kan du bruge flaget --template redux under projektoprettelsen:

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

Dette opretter en ny React-applikation med Redux Toolkit allerede konfigureret.

Vi har den samme liste over installerede biblioteker i dependencies i package.json, men hele appen har allerede en foruddefineret store, actions og 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 vil ikke gennemgå alle foruddefinerede værktøjer her. Vi opretter vores egne senere for bedre forståelse og tilpasning.

Husk, at vi har to muligheder for at integrere React Redux-biblioteket i vores React-applikation.

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 1. Kapitel 5

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Awesome!

Completion rate improved to 4.17

bookOprettelse af Dit Første React Redux Toolkit-Projekt

Stryg for at vise menuen

Hvis du starter et nyt projekt med Create React App og ønsker at opsætte Redux Toolkit, kan du bruge flaget --template redux under projektoprettelsen:

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

Dette opretter en ny React-applikation med Redux Toolkit allerede konfigureret.

Vi har den samme liste over installerede biblioteker i dependencies i package.json, men hele appen har allerede en foruddefineret store, actions og 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 vil ikke gennemgå alle foruddefinerede værktøjer her. Vi opretter vores egne senere for bedre forståelse og tilpasning.

Husk, at vi har to muligheder for at integrere React Redux-biblioteket i vores React-applikation.

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 1. Kapitel 5
some-alt