Installatie van het React-framework

Om het framework te installeren, heb je NodeJS 22+ op je computer nodig. Om een project aan te maken, voer je het volgende commando uit in de opdrachtregel:

npm create vite@latest my-app -- --template react

En voer daarna de volgende commando's uit:

cd my-app
npm install
npm run dev

Hierna verschijnt er een map my-app die het framework bevat. Zoek in deze map de map src - dit wordt je werkmap, waarin je de ontwikkeling van je project zult uitvoeren.

Zoek in de map src het bestand App.js. De komende lessen zal dit bestand je belangrijkste werkbestand zijn. Hierin schrijf je code, terwijl je de resultaten observeert in het browservenster.

Open dit bestand in de editor en verwijder alle overbodige inhoud, zodat het er zo uitziet:

import React from 'react';

function App() {
	return <div>
		text
	</div>;
}

export default App;

Nadat je project is geïnstalleerd, hoef je voor de volgende start (bijvoorbeeld na het herstarten van de computer) alleen maar via de terminal naar de map my-app te gaan en het volgende commando uit te voeren:

npm run dev