Edellisissä osioissa olemme oppineet Reactin perusteet. Nyt osaamme luoda komponentteja, hallita niitä, renderöidä tietoa ja toteuttaa logiikkaa. Kaikki nämä tehtävät on kuitenkin suoritettu CodeSandboxissa, joka on erinomainen opiskeluun.

Mutta entä oikean maailman projektit? Käyttävätkö kaikki kehittäjät CodeSandboxia projektien luomiseen? Eivät tietenkään. Tämä osio auttaa sinua aloittamaan projektin omalla koneellasi ja opastaa vaihe vaiheelta prosessin läpi.

Vaihe 1: Asenna Node.js ja npm

Meidän täytyy asentaa Node.js ja npm paikalliselle koneelle.

Node.js on avoimen lähdekoodin ajonaikainen ympäristö, jonka avulla voimme suorittaa JavaScript-koodia palvelinpuolella.

npm tarkoittaa "Node Package Manager". Se on Node.js:n pakettienhallintaohjelma, jonka avulla kehittäjät voivat helposti asentaa, hallita ja jakaa uudelleenkäytettäviä JavaScript-paketteja tai -moduuleja.

• Siirry Node.js:n virallisille verkkosivuille: https://nodejs.org;
• Lataa asennusohjelma käyttöjärjestelmällesi (Windows, macOS tai Linux). Meitä kiinnostaa LTS-versio, koska se on vakaa ja toimiva;

• Suorita asennusohjelma ja seuraa asennusohjeita;
• Asennuksen jälkeen koneelle tulisi olla asennettuna Node.js ja npm (Node Package Manager).

Kuinka tarkistaa, onko Node.js ja npm asennettu?

Node.js:n ja npm:n asennuksen tarkistamiseksi voidaan avata tietokoneen pääte (komentorivi, PowerShell tai terminaali) ja suorittaa komennot. Vaiheet:

1. Avaa pääte;

• Windows: Paina Win + X ja valitse valikosta "Windows PowerShell". Vaihtoehtoisesti etsi "PowerShell" Käynnistä-valikosta;
• macOS: Siirry kohtaan "Ohjelmat" > "Lisäohjelmat" > "Pääte". Toinen vaihtoehto on käyttää "Spotlight"-hakua painamalla Cmd + Space ja kirjoittamalla "Terminal";
• Linux: Pikanäppäin Ctrl + Alt + T avaa usein päätteen monissa Linux-jakeluissa. Jakelusta riippuen voi olla myös muita tapoja, kuten etsiä "Terminal" sovellusvalikosta tai käyttää muuta pikanäppäintä.

Huomio

Jos mikään näistä tavoista ei toimi, suositellaan tarkistamaan käyttöjärjestelmän dokumentaatio tai tukiresurssit oikean tavan löytämiseksi päätteen avaamiseen. Myös hakukoneen käyttö on mahdollista.

2. Tarkista Node.js:n versio;

Suorita pääteikkunassa seuraava komento.

node -v

Tämä komento näyttää koneelle asennetun Node.js:n versionumeron. Jos Node.js on asennettu, näytetään versionumero.

3. Tarkista npm:n versio.

Suorita pääteikkunassa seuraava komento.

npm -v

Tämä komento näyttää koneelle asennetun npm:n versionumeron. Jos npm on asennettu, näytetään versionumero.

Jos molemmat komennot palauttavat versionumerot, Node.js ja npm on asennettu ja käytettävissä koneella. Jos komentoja ei tunnisteta tai ne palauttavat virheen, Node.js ja/tai npm eivät ole asennettuina tai niiden asennuspolut eivät ole oikein määritetty. Tällöin on suositeltavaa tarkistaa Node.js:n asennusvaiheet ja varmistaa, että asennus on suoritettu onnistuneesti. Joskus koneen uudelleenkäynnistys voi olla tarpeen.

Huomio

Sillä, mikä versio saadaan, ei ole tässä vaiheessa merkitystä.