In de vorige secties hebben we de basis van React geleerd. We weten nu hoe we componenten kunnen maken, beheren, informatie weergeven en logica implementeren. Al deze taken zijn echter uitgevoerd in CodeSandbox, wat uitstekend is voor studie.

Maar hoe zit het met projecten in de echte wereld? Maken alle ontwikkelaars projecten in CodeSandbox? Natuurlijk niet. Deze sectie is bedoeld om te helpen bij het starten van een project op de lokale machine en begeleidt stap voor stap door het proces.

Stap 1: Installeer Node.js en npm

We moeten Node.js en npm op de lokale machine installeren.

Node.js is een open-source runtime-omgeving waarmee JavaScript-code aan de serverzijde kan worden uitgevoerd.

npm staat voor "Node Package Manager". Het is een pakketbeheerder voor Node.js waarmee ontwikkelaars eenvoudig herbruikbare JavaScript-pakketten of modules kunnen installeren, beheren en delen.

• Ga naar de officiële Node.js-website: https://nodejs.org;
• Download de installer voor het besturingssysteem (Windows, macOS of Linux). De LTS-versie is van belang omdat deze stabiel en betrouwbaar is;

• Voer het installatieprogramma uit en volg de installatie-instructies;
• Na de installatie moeten Node.js en npm (Node Package Manager) op de computer geïnstalleerd zijn.

Hoe kunnen we controleren of Node.js en npm zijn geïnstalleerd?

Om te controleren of Node.js en npm op de computer zijn geïnstalleerd, kan de terminal (opdrachtprompt, PowerShell of terminalemulator) worden geopend en kunnen de volgende commando's worden uitgevoerd. Stappen:

1. Open de terminal;

• Windows: Druk op Win + X en selecteer "Windows PowerShell" in het menu. Of zoek naar "PowerShell" in het Startmenu;
• macOS: Ga naar "Programma's" > "Hulpprogramma's" > "Terminal". Een andere optie is om de "Spotlight"-zoekfunctie te gebruiken door Cmd + Space in te drukken en "Terminal" te typen;
• Linux: De sneltoets Ctrl + Alt + T wordt vaak gebruikt om de terminal te openen op veel Linux-distributies. Afhankelijk van de specifieke distributie kunnen er echter andere methoden zijn, zoals zoeken naar "Terminal" in het applicatiemenu of een andere sneltoets gebruiken.

Opmerking

Als geen van deze methoden werkt, wordt aanbevolen de documentatie of ondersteuningsbronnen van het besturingssysteem te raadplegen om de juiste manier te vinden om de terminal te openen. Of zoek het op via Google.

2. Controleer de Node.js-versie;

Voer in de terminal het volgende commando uit.

node -v

Dit commando toont de versie van Node.js die op de computer is geïnstalleerd. Als Node.js is geïnstalleerd, wordt het versienummer weergegeven.

3. Controleer de npm-versie.

Voer in de terminal het volgende commando uit.

npm -v

Dit commando toont de versie van npm die op de computer is geïnstalleerd. Als npm is geïnstalleerd, wordt het versienummer weergegeven.

Als beide commando's de versienummers tonen, zijn Node.js en npm succesvol geïnstalleerd en beschikbaar op de computer. Als de commando's niet worden herkend of een foutmelding geven, betekent dit dat Node.js en/of npm niet zijn geïnstalleerd of dat de installatiepaden niet correct zijn geconfigureerd. In dat geval is het nodig de installatiestappen van Node.js opnieuw te doorlopen en te controleren of de installatie correct is afgerond. Soms wordt aanbevolen de computer opnieuw op te starten.

Opmerking

Welke versie wordt weergegeven is nu niet van belang.