I de föregående avsnitten har vi lärt oss grunderna i React. Vi vet nu hur man skapar komponenter, hanterar dem, renderar information och implementerar logik. Alla dessa uppgifter utfördes dock i CodeSandbox, vilket är utmärkt för inlärning.

Men hur är det med verkliga projekt? Skapar alla utvecklare projekt i CodeSandbox? Självklart inte. Detta avsnitt är till för att hjälpa dig att starta ditt projekt på din lokala dator och vägleda dig genom processen steg för steg.

Steg 1: Installera Node.js och npm

Vi behöver installera Node.js och npm på den lokala datorn.

Node.js är en öppen källkodsmiljö som gör det möjligt att köra JavaScript-kod på serversidan.

npm står för "Node Package Manager". Det är en pakethanterare för Node.js som gör det enkelt för utvecklare att installera, hantera och dela återanvändbara JavaScript-paket eller moduler.

• Gå till den officiella Node.js-webbplatsen: https://nodejs.org;
• Ladda ner installationsprogrammet för ditt operativsystem (Windows, macOS eller Linux). Vi är intresserade av LTS-versionen eftersom den är stabil och fungerar;

• Kör installationsprogrammet och följ installationsanvisningarna;
• Efter installationen ska Node.js och npm (Node Package Manager) vara installerade på datorn.

Hur kan vi kontrollera om Node.js och npm är installerade?

För att kontrollera om Node.js och npm är installerade på datorn kan vi öppna datorns terminal (kommandotolk, PowerShell eller terminalemulator) och köra kommandona. Steg:

1. Öppna terminalen;

• Windows: Tryck på Win + X och välj "Windows PowerShell" från menyn. Alternativt, sök efter "PowerShell" i Start-menyn;
• macOS: Gå till "Program" > "Verktygsprogram" > "Terminal". Ett annat alternativ är att använda "Spotlight"-sökningen genom att trycka på Cmd + Space och skriva "Terminal";
• Linux: Genvägen Ctrl + Alt + T används ofta för att öppna terminalen på många Linux-distributioner. Beroende på distributionen kan det dock finnas andra metoder, såsom att söka efter "Terminal" i programmenyn eller använda en annan tangentbordsgenväg.

Note

Om ingen av dessa metoder fungerar rekommenderas det att hänvisa till dokumentationen eller supportresurserna för operativsystemet för att hitta rätt sätt att öppna terminalen. Eller så kan vi alltid googla.

2. Kontrollera Node.js-version;

Kör följande kommando i terminalen.

node -v

Detta kommando visar versionen av Node.js som är installerad på datorn. Om Node.js är installerat visas versionsnumret.

3. Kontrollera npm-version.

Kör följande kommando i terminalen.

npm -v

Detta kommando visar versionen av npm som är installerad på datorn. Om npm är installerat visas versionsnumret.

Om båda kommandona returnerar versionsnummer är Node.js och npm korrekt installerade och tillgängliga på datorn. Om kommandona inte känns igen eller returnerar ett fel innebär det att Node.js och/eller npm inte är installerade, eller att installationsvägarna inte är korrekt konfigurerade. I så fall kan det vara nödvändigt att gå igenom installationsstegen för Node.js igen och säkerställa att installationen slutfördes korrekt. Ibland rekommenderas det att starta om datorn.

Note

Vilken version vi får spelar ingen roll just nu.