I de forrige seksjonene har vi lært det grunnleggende om React. Vi vet nå hvordan vi lager komponenter, håndterer dem, gjengir informasjon og implementerer logikk. Alle disse oppgavene ble imidlertid utført i CodeSandbox, som er utmerket for læring.

Men hva med prosjekter i den virkelige verden? Lager alle utviklere prosjekter i CodeSandbox? Selvfølgelig ikke. Denne seksjonen er dedikert til å hjelpe deg med å starte prosjektet ditt på din lokale maskin, og veileder deg gjennom prosessen steg for steg.

Steg 1: Installer Node.js og npm

Vi må installere Node.js og npm på den lokale maskinen.

Node.js er et åpen kildekode runtime-miljø som lar oss kjøre JavaScript-kode på serversiden.

npm står for "Node Package Manager". Det er en pakkebehandler for Node.js som gjør det enkelt for utviklere å installere, administrere og dele gjenbrukbare JavaScript-pakker eller moduler.

• Gå til det offisielle Node.js-nettstedet: https://nodejs.org;
• Last ned installasjonsprogrammet for ditt operativsystem (Windows, macOS eller Linux). Vi er interessert i LTS-versjonen, da den er stabil og fungerer godt;

• Kjør installasjonsprogrammet og følg instruksjonene for installasjon;
• Etter installasjonen skal Node.js og npm (Node Package Manager) være installert på maskinen.

Hvordan kan vi sjekke om Node.js og npm er installert?

For å kontrollere om Node.js og npm er installert på maskinen, kan vi åpne terminalen (kommandoprompt, PowerShell eller terminalemulator) og kjøre kommandoene. Fremgangsmåte:

1. Åpne terminalen;

• Windows: Trykk Win + X og velg "Windows PowerShell" fra menyen. Alternativt kan du søke etter "PowerShell" i Start-menyen;
• macOS: Gå til "Programmer" > "Verktøy" > "Terminal". Et annet alternativ er å bruke "Spotlight"-søk ved å trykke Cmd + Space og skrive "Terminal";
• Linux: Snarveien Ctrl + Alt + T brukes ofte for å åpne terminalen på mange Linux-distribusjoner. Avhengig av distribusjonen kan det også finnes andre metoder, som å søke etter "Terminal" i applikasjonsmenyen eller bruke en annen hurtigtast.

Merk

Hvis ingen av disse metodene fungerer, anbefales det å se i dokumentasjonen eller støtteressurser for operativsystemet for å finne riktig måte å åpne terminalen på. Eller vi kan alltid google.

2. Sjekk Node.js-versjon;

Kjør følgende kommando i terminalen.

node -v

Denne kommandoen viser hvilken versjon av Node.js som er installert på maskinen. Hvis Node.js er installert, vises versjonsnummeret.

3. Sjekk npm-versjon.

Kjør følgende kommando i terminalen.

npm -v

Denne kommandoen viser hvilken versjon av npm som er installert på maskinen. Hvis npm er installert, vises versjonsnummeret.

Hvis begge kommandoene returnerer versjonsnumre, er Node.js og npm installert og tilgjengelig på maskinen. Hvis kommandoene ikke gjenkjennes eller gir en feil, betyr det at Node.js og/eller npm ikke er installert, eller at installasjonsbanene ikke er riktig konfigurert. I så fall kan det være nødvendig å gå gjennom installasjonsstegene for Node.js på nytt og forsikre seg om at installasjonen ble fullført. Noen ganger anbefales det å starte maskinen på nytt.

Merk

Hvilken versjon vi får spiller ingen rolle foreløpig.