I denne øvelse lærer du, hvordan du installerer Redux Toolkit og dets nødvendige afhængigheder i et nyt React-projekt.

Forudsætninger

Inden du fortsætter, skal du sikre dig, at du har installeret Node.js og NPM på din computer. Du kan kontrollere dette ved at tjekke deres versioner. Hvis du ser versionsnumre, kan du fortsætte med opgaven. Hvis ikke, henvises der til den officielle Node.js-dokumentation for at installere dem på din maskine.

node -v
npm -v

Opgave

Trin 1: Opret et nyt React-projekt

Åbn din terminal. Opret et nyt React-projekt ved hjælp af Create React App. Kør følgende kommando:

npx create-react-app my-redux-app

Navigér til din projektmappe:

cd my-redux-app

Trin 2: Installer Redux Toolkit og afhængigheder

I din projektmappe skal du køre følgende kommando for at installere Redux Toolkit:

npm install @reduxjs/toolkit

Redux Toolkit kan kræve yderligere afhængigheder. Installer dem med følgende kommando:

npm install react-redux

Trin 3: Bekræft installationen

1. Åbn din kodeeditor og navigér til projektmappen for din React-app;
2. Kontroller package.json-filen i rodmappen for at sikre, at de nødvendige afhængigheder er angivet;
3. Du bør se poster for @reduxjs/toolkit og react-redux under sektionen dependencies.

Trin 4: Start udviklingsserveren

1. Gå tilbage til din terminal;
2. Start udviklingsserveren ved at køre:

npm start

Åbn din webbrowser og gå til http://localhost:3000. Du bør nu se din React-applikation køre.