Deze tutorial is ontwikkelt om je stapsgewijs wegwijs te maken in React, naar aanleiding van de content uit de cursus React Fundamentels op EdHub. Je maakt een SPA door gebruik te maken van HTML, CSS, afbeeldingen, SVG's en eventlisteners in React.
Het project is opgezet met Vite (React versie 18.2.0).
Na het afronden van de tutorial, ziet jouw webpagina er zo uit:
Als je het project gecloned hebt naar jouw locale machine, installeer je eerst alle dependencies door het volgende commando in de terminal te runnen:
npm install
Wanneer dit klaar is, kun je de applicatie starten met behulp van:
npm run dev
Open http://localhost:5173/ om de pagina in de browser te bekijken. Begin met het maken van wijzigingen in src/App.jsx
.
De tutorial werkt in stapjes. Na elke stap kun je de bijbehorende branch bekijken om te zien hoe de applicatie er op dat moment uit zou moeten zien: