React on suunniteltu alusta alkaen asteittaiseen käyttöönottoon. Voit käyttää niin paljon tai vähän Reactia kuin tarvitset. Halusitpa sitten koittaa Reactia, lisätä vähän interaktiivisuutta HTML sivuun, tai aloittaa monimutkaisen React-käyttöisen sovelluksen, tämä osio auttaa sinua pääsemään alkuun.

Kokeile Reactia

Reactia kokeillaksesi sinun ei tarvitse asentaa mitään. Kokeile muokata tätä hiekkalaatikkoa!

function Tervehdys({nimi}) {
  return <h1>Hei, {nimi}</h1>;
}

export default function App() {
  return <Tervehdys nimi="maailma" />;
}

Voit muokata sitä suoraan tai avata sen uudessa välilehdessä painamalla “Forkkaa” painiketta oikeasta yläreunasta.

Useimmat sivut Reactin dokumentaatiossa sisältävät hiekkalaatikkoja kuten tämän. Reactin dokumentaation ulkopuolelta löytyy monia hiekkalaatikkoja, jotka tukevat Reactia: esimerkiksi CodeSandbox, Stackblitz, tai CodePen.

Kokeile Reactia paikallisesti

Kokeile Reactia paikallisesti omalla tietokoneellasi lataamalla tämä HTML sivu. Avaa se editorissasi sekä selaimesasi!

Aloita uusi React projekti

Jos sinun täytyy rakentaa sovellus tai verkkosivu täysin Reactilla, aloita uusi React projekti.

Lisää React olemassa olevaan projektiin

Jos haluat kokeilla Reactia olemassa olevassa sovelluksessa tai verkkosivussa, lisää React olemassa olevaan projektiin.

Jos olet valmis aloittamaan itsenäisen projektin Reactilla, voit pystyttää minimaalisen ympäristön miellyttävää kehittäjäkokemusta varten. Voit myös aloittaa käyttämällä ohjelmistokehystä, joka teke paljon päätöksiä puolestasi.

Seuraavat vaiheet

Suuntaa kohti Pika-aloitus -oppaaseen ja tutustu tärkeimpiin React-ominaisuuksiin, joita kohtaat joka päivä.