Installatie en voorbereiding van een React-applicatie
In deze les beginnen we met de installatie en voorbereiding van een React-applicatie, omdat we deze later zullen gebruiken in combinatie met Redux. Er zijn snellere manieren om een sjabloon voor een React-applicatie met Redux te creëren (wat overigens niet altijd gemakkelijk betekent, vooral voor beginners), die worden vermeld in de officiële documentatie, maar we gaan vanaf nul.
Laten we eerst een React-applicatie
my-app maken met behulp van Vite
(dit is een moderne vervanging voor Webpack).
Hiervoor openen we de terminal
en voeren we de volgende commando's in (in de voorgestelde opties,
indien aanwezig, kiezen we React en vervolgens JavaScript):
npm create vite@latest my-app -- --template react
cd my-app
npm install
Laten we de gemaakte applicatie starten:
npm run dev
Open de voorgestelde link
http://localhost:5173/ in de browser en we zullen
de bekende opstartafbeelding zien. Alles werkt.
Laten we nu overbodige zaken verwijderen. Maak de map public leeg.
In de map src laten we alleen main.jsx,
index.css en App.jsx staan (in index.css
en App.jsx verwijderen we de inhoud volledig).
Vervang in het bestand index.html de tekst
van de titel door:
<title>React Redux App</title>
Creëer een React-applicatie en zorg ervoor dat deze werkt.
Verwijder overbodige bestanden en mappen.
