Forståelse av React-komponenter

En React-applikasjon bygges opp av komponenter. En komponent er en gjenbrukbar del av brukergrensesnittet som styrer hva som vises på skjermen. I stedet for å bygge hele siden som én stor blokk, oppfordrer React deg til å dele opp grensesnittet i mindre deler. Hver del har ansvar for en bestemt seksjon av UI-et, for eksempel en topptekst, en knapp eller en melding.

I React skrives komponenter med JavaScript og defineres som funksjoner. Hver komponent returnerer en beskrivelse av hva som skal vises på skjermen, og React sørger for å vise det.

Komponenter gjør grensesnitt enklere å forstå og vedlikeholde. Når brukergrensesnittet vokser, hjelper komponenter deg med å organisere koden, gjenbruke logikk og unngå gjentakelser. Nedenfor er et enkelt eksempel på en React-komponent:

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

Dette er en React-komponent kalt Welcome. Den returnerer et UI-element som React kan gjengi på skjermen. Du trenger ikke forstå syntaksen ennå. Dette eksemplet er her for å vise hvordan en komponent ser ut på et overordnet nivå.