Installasjon og forberedelse av React-applikasjon

I denne leksjonen skal vi starte med å installere og forberede en React-applikasjon, siden vi senere skal bruke den sammen med Redux. Det finnes raskere måter å opprette en React-applikasjonsmal med Redux på (som forresten ikke alltid betyr enklere, spesielt for nybegynnere), som er oppgitt i den offisielle dokumentasjonen, men vi skal starte fra scratch.

La oss først opprette en React-applikasjon my-app ved å bruke Vite (dette er en moderne erstatning for Webpack). For å gjøre dette åpner vi terminalen og skriver inn følgende kommandoer (i de foreslåtte alternativene, hvis noen, velger vi React og deretter JavaScript):

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

La oss starte den opprettede applikasjonen:

terminalnpm run dev

Åpne lenken som foreslås i nettleseren http://localhost:5173/ og vi vil se velkjent velkomstside. Alt fungerer.

La oss nå fjerne overflødige ting. Tøm mappen public. I mappen src lar vi bare være igjen main.jsx, index.css og App.jsx (i index.css og App.jsx fjerner vi alt innhold fullstendig).

I filen index.html erstatter vi teksten i tittelen med:

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