I denna övning lär du dig hur du installerar Redux Toolkit och dess nödvändiga beroenden i ett nytt React-projekt.

Förkunskaper

Innan du fortsätter, säkerställ att du har installerat Node.js och NPM på din dator. Du kan verifiera detta genom att kontrollera deras versioner. Om du ser versionsnummer kan du fortsätta med uppgiften. Om inte, vänligen se den officiella Node.js-dokumentationen för att installera dem på din maskin.

node -v
npm -v

Uppgift

Steg 1: Skapa ett nytt React-projekt

Öppna din terminal. Skapa ett nytt React-projekt med Create React App. Kör följande kommando:

npx create-react-app my-redux-app

Navigera till din projektkatalog:

cd my-redux-app

Steg 2: Installera Redux Toolkit och beroenden

I din projektkatalog, kör följande kommando för att installera Redux Toolkit:

npm install @reduxjs/toolkit

Redux Toolkit kan kräva ytterligare beroenden. Installera dem med följande kommando:

npm install react-redux

Steg 3: Verifiera installationen

1. Öppna din kodredigerare och navigera till projektkatalogen för din React-app;
2. Kontrollera filen package.json i rotkatalogen för att säkerställa att nödvändiga beroenden är listade;
3. Du ska se poster för @reduxjs/toolkit och react-redux under avsnittet dependencies.

Steg 4: Starta utvecklingsservern

1. Gå tillbaka till din terminal;
2. Starta utvecklingsservern genom att köra:

npm start

Öppna din webbläsare och gå till http://localhost:3000. Du bör nu se din React-applikation köra.