Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Opprette Ditt Første React Redux Toolkit-Prosjekt | Komme i Gang med Redux Toolkit
Tilstandshåndtering med Redux Toolkit i React

bookOpprette Ditt Første React Redux Toolkit-Prosjekt

Hvis du starter et nytt prosjekt med Create React App og ønsker å sette opp Redux Toolkit, kan du bruke flagget --template redux under opprettelsen av prosjektet:

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

Dette vil opprette en ny React-applikasjon med Redux Toolkit allerede konfigurert.

Vi har den samme listen over installerte biblioteker i dependencies i package.json, men hele applikasjonen har allerede forhåndsdefinert 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 kommer ikke til å gjennomgå alle forhåndsdefinerte verktøy her. Vi vil lage våre egne senere for bedre forståelse og tilpasning.

Husk at vi har to alternativer for å introdusere React Redux-biblioteket i vår React-applikasjon.

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 5

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 4.17

bookOpprette Ditt Første React Redux Toolkit-Prosjekt

Sveip for å vise menyen

Hvis du starter et nytt prosjekt med Create React App og ønsker å sette opp Redux Toolkit, kan du bruke flagget --template redux under opprettelsen av prosjektet:

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

Dette vil opprette en ny React-applikasjon med Redux Toolkit allerede konfigurert.

Vi har den samme listen over installerte biblioteker i dependencies i package.json, men hele applikasjonen har allerede forhåndsdefinert 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 kommer ikke til å gjennomgå alle forhåndsdefinerte verktøy her. Vi vil lage våre egne senere for bedre forståelse og tilpasning.

Husk at vi har to alternativer for å introdusere React Redux-biblioteket i vår React-applikasjon.

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 5
some-alt