Installation og forberedelse af React-applikation

I denne lektion starter vi med at installere og forberede en React-applikation, da vi senere vil bruge den i kombination med Redux. Der er mere hurtige måder at oprette en skabelon for en React-applikation med Redux på (hvilket forresten ikke altid betyder nemt, især for begyndere), som er nævnt i den officielle dokumentation, men vi starter fra bunden.

Til at starte med opretter vi en React-applikation my-app ved hjælp af Vite (dette er en moderne erstatning for Webpack). For at gøre dette åbner vi terminalen og indtaster følgende kommandoer (i de foreslåede valgmuligheder, hvis der er nogen, vælger vi React og derefter JavaScript):

terminalnpm create vite@latest my-app -- --template react
cd my-app
npm install

Lad os starte den oprettede applikation:

terminalnpm run dev

Vi åbner den foreslåede link http://localhost:5173/ i browseren og ser velkendt startskærm. Alt virker.

Nu fjerner vi det overflødige. Vi rydder mappen public. I mappen src beholder vi kun main.jsx, index.css og App.jsx (i index.css og App.jsx sletter vi indholdet helt).

I filen index.html erstatter vi titelteksten med:

index.html<title>React Redux App</title>