I de foregående afsnit har vi lært det grundlæggende om React. Vi ved nu, hvordan man opretter komponenter, håndterer dem, gengiver information og implementerer logik. Alle disse opgaver blev dog udført i CodeSandbox, som er fremragende til læring.

Men hvad med projekter i den virkelige verden? Opretter alle udviklere projekter i CodeSandbox? Selvfølgelig ikke. Dette afsnit er dedikeret til at hjælpe dig med at starte dit projekt på din lokale maskine og guide dig gennem processen trin for trin.

Trin 1: Installer Node.js og npm

Vi skal installere Node.js og npm på den lokale maskine.

Node.js er et open source runtime-miljø, der gør det muligt at køre JavaScript-kode på serversiden.

npm står for "Node Package Manager". Det er en pakkehåndtering til Node.js, som gør det nemt for udviklere at installere, administrere og dele genanvendelige JavaScript-pakker eller -moduler.

• Gå til det officielle Node.js-websted: https://nodejs.org;
• Download installationsprogrammet til dit operativsystem (Windows, macOS eller Linux). Vi er interesserede i LTS-versionen, da den er stabil og velfungerende;

• Kør installationsprogrammet og følg installationsvejledningen;
• Efter installationen skal Node.js og npm (Node Package Manager) være installeret på maskinen.

Hvordan kan vi kontrollere, om Node.js og npm er installeret?

For at kontrollere om Node.js og npm er installeret på maskinen, kan vi åbne computerens terminal (kommandoprompt, PowerShell eller terminalemulator) og køre kommandoerne. Trin:

1. Åbn terminalen;

• Windows: Tryk på Win + X og vælg "Windows PowerShell" fra menuen. Alternativt kan du søge efter "PowerShell" i Start-menuen;
• macOS: Gå til "Programmer" > "Hjælpeprogrammer" > "Terminal". En anden mulighed er at bruge "Spotlight"-søgning ved at trykke på Cmd + Space og skrive "Terminal";
• Linux: Genvejstasten Ctrl + Alt + T bruges ofte til at åbne terminalen på mange Linux-distributioner. Afhængigt af den specifikke distribution kan der dog være andre metoder, såsom at søge efter "Terminal" i applikationsmenuen eller bruge en anden tastaturgenvej.

Bemærk

Hvis ingen af disse metoder virker, anbefales det at konsultere dokumentationen eller supportressourcerne for operativsystemet for at finde den korrekte måde at åbne terminalen på. Eller vi kan altid google det.

2. Kontroller Node.js-version;

Kør følgende kommando i terminalen.

node -v

Denne kommando viser versionen af Node.js, der er installeret på maskinen. Hvis Node.js er installeret, vises versionsnummeret.

3. Kontroller npm-version.

Kør følgende kommando i terminalen.

npm -v

Denne kommando viser versionen af npm, der er installeret på maskinen. Hvis npm er installeret, vises versionsnummeret.

Hvis begge kommandoer returnerer versionsnumre, er Node.js og npm installeret og tilgængelige på maskinen. Hvis kommandoerne ikke genkendes eller returnerer en fejl, betyder det, at Node.js og/eller npm ikke er installeret, eller at installationsstierne ikke er korrekt konfigureret. I så fald kan det være nødvendigt at gennemgå installationsvejledningen for Node.js igen og sikre, at installationen blev gennemført korrekt. Nogle gange anbefales det at genstarte maskinen.

Bemærk

Hvilken version vi får, er ikke vigtigt lige nu.