React-sovellus rakentuu komponenteista. Komponentti on uudelleenkäytettävä osa käyttöliittymää, joka määrittää, mitä näytöllä näkyy. Sen sijaan, että koko sivu rakennettaisiin yhtenä suurena kokonaisuutena, React kannustaa jakamaan käyttöliittymän pienempiin osiin. Jokainen osa vastaa tietystä käyttöliittymän alueesta, kuten otsikosta, painikkeesta tai viestistä.

Reactissa komponentit kirjoitetaan JavaScriptillä ja määritellään funktioina. Jokainen komponentti palauttaa kuvauksen siitä, mitä näytöllä tulisi näkyä, ja React huolehtii sen näyttämisestä.

Komponentit helpottavat käyttöliittymien ymmärtämistä ja ylläpitoa. Kun käyttöliittymä kasvaa, komponentit auttavat järjestämään koodia, uudelleenkäyttämään logiikkaa ja välttämään toistoa. Alla on yksinkertainen esimerkki React-komponentista:

function Welcome() {
  return <h1>Welcome to React</h1>;
}

Tämä on React-komponentti nimeltä Welcome. Se palauttaa käyttöliittymäelementin, jonka React voi näyttää näytöllä. Sinun ei tarvitse vielä ymmärtää syntaksia. Tämä esimerkki havainnollistaa, miltä komponentti näyttää yleisellä tasolla.