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):

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

Laten we de gemaakte applicatie starten:

terminalnpm 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:

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