Installation och förberedelse av React-applikation
I den här lektionen börjar vi med att installera och förbereda en React-applikation, eftersom vi senare kommer att använda den i kombination med Redux. Det finns snabbare sätt att skapa en mall för en React-applikation med Redux (vilket förresten inte alltid betyder enkelt, speciellt för nybörjare), som anges i den officiella dokumentationen, men vi kommer att gå från början.
Låt oss först skapa en React-applikation
my-app med Vite
(detta är ett modernt ersättningsverktyg för Webpack).
För att göra detta öppnar vi en terminal
och skriver in följande kommandon (i de föreslagna alternativen,
om sådana finns, väljer vi React och sedan JavaScript):
npm create vite@latest my-app -- --template react
cd my-app
npm install
Låt oss starta den skapade applikationen:
npm run dev
Öppna den föreslagna länken
http://localhost:5173/ i webbläsaren och du kommer att se
en välbekant startsida. Allt fungerar.
Låt oss nu ta bort onödiga saker. Rensa mappen public.
I mappen src lämnar vi bara main.jsx,
index.css och App.jsx (i index.css
och App.jsx tar vi bort allt innehåll fullständigt).
I filen index.html ersätter vi texten
i titeln med:
<title>React Redux App</title>
Skapa en React-applikation och se till att den fungerar.
Ta bort onödiga filer och mappar.
