I denne øvelsen vil du lære hvordan du installerer Redux Toolkit og dets nødvendige avhengigheter i et nytt React-prosjekt.

Forutsetninger

Før du fortsetter, må du sørge for at du har installert Node.js og NPM på datamaskinen din. Du kan verifisere dette ved å sjekke versjonene deres. Hvis du ser versjonsnumre, kan du fortsette med oppgaven. Hvis ikke, vennligst se den offisielle Node.js-dokumentasjonen for å installere dem på maskinen din.

node -v
npm -v

Oppgave

Steg 1: Opprett et nytt React-prosjekt

Åpne terminalen. Opprett et nytt React-prosjekt ved å bruke Create React App. Kjør følgende kommando:

npx create-react-app my-redux-app

Gå til prosjektmappen din:

cd my-redux-app

Steg 2: Installer Redux Toolkit og avhengigheter

I prosjektmappen din, kjør følgende kommando for å installere Redux Toolkit:

npm install @reduxjs/toolkit

Redux Toolkit kan kreve ekstra avhengigheter. Installer dem med følgende kommando:

npm install react-redux

Steg 3: Verifiser installasjonen

1. Åpne kodeeditoren og naviger til prosjektmappen for React-appen;
2. Sjekk package.json-filen i rotmappen for å sikre at nødvendige avhengigheter er oppført;
3. Du skal se oppføringer for @reduxjs/toolkit og react-redux under seksjonen dependencies.

Steg 4: Start utviklingsserveren

1. Gå tilbake til terminalen;
2. Start utviklingsserveren ved å kjøre:

npm start

Åpne nettleseren din og gå til http://localhost:3000. Du skal nå se at React-applikasjonen din kjører.