Lære Oprettelse 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?

Tak for dine kommentarer!

Sektion 1. Kapitel 5

Spørg AI

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

Suggested prompts:

What are the two options for introducing React Redux into a React app?

Can you explain the difference between the predefined tools and creating our own?

Why might we want to create our own Redux setup instead of using the predefined one?

Awesome!

Completion rate improved to 4.17

Stryg for at vise menuen