Ensimmäisen React sovelluksesi asentaminen ja luominen

Aloita ensimmäisen sovelluksesi luominen React seuraavasti:

 

1. Asenna Node.js

Varmista ensin, että tietokoneellesi on asennettu Node.js. Voit ladata ja asentaa uusimman version Node.js-verkkosivustolta( https://nodejs.org ).

 

2. Luo React sovellus

Avaa pääte tai komentokehote ja siirry hakemistoon, johon haluat luoda sovelluksen React. Luo sitten uusi sovellus suorittamalla seuraava komento React:

npx create-react-app my-app

Korvaa my-app  sovellushakemistosi halutulla nimellä. Voit valita minkä tahansa haluamasi nimen.

 

3. Suorita React sovellus

Kun sovelluksen luontiprosessi on valmis, siirry sovellushakemistoon suorittamalla komento:

cd my-app

 Seuraavaksi voit käynnistää sovelluksen suorittamalla komennon:

npm start

 Tämä käynnistää kehityspalvelimen ja avaa sovelluksesi React selaimessa. Voit tarkastella React Web-sivua osoitteessa http://localhost:3000 .

 

4. Muokkaa sovellusta

Nyt kun sinulla on perussovellus React, voit muokata hakemiston lähdekoodia src  luodaksesi mukautettuja käyttöliittymiä ja logiikkaa. Kun tallennat muutokset, selain lataa sovelluksen automaattisesti uudelleen, jotta näet välittömät tulokset.

 

Tämä on ensimmäisen sovelluksen asennuksen ja luomisen prosessi React. Nyt olet valmis tutkimaan sovelluskehityksen maailmaa React ja mukauttamaan sovellustasi haluamallasi tavalla.