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):
npm create vite@latest my-app -- --template react
cd my-app
npm install
La oss starte den opprettede applikasjonen:
npm 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:
<title>React Redux App</title>
Opprett en React-applikasjon og sørg for at den fungerer.
Slett overflødige filer og mapper.
