Un'applicazione React è composta da componenti. Un componente è una parte riutilizzabile dell'interfaccia utente che controlla ciò che appare sullo schermo. Invece di costruire un'intera pagina come un unico blocco, React incoraggia a suddividere l'interfaccia in parti più piccole. Ogni parte è responsabile di una sezione specifica dell'interfaccia utente, come un'intestazione, un pulsante o un messaggio.

In React, i componenti sono scritti utilizzando JavaScript e definiti come funzioni. Ogni componente restituisce una descrizione di ciò che dovrebbe apparire sullo schermo, e React si occupa di visualizzarlo.

I componenti rendono le interfacce più semplici da comprendere e mantenere. Quando l'interfaccia cresce, i componenti aiutano a organizzare il codice, riutilizzare la logica ed evitare ripetizioni. Di seguito è riportato un semplice esempio di componente React:

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

Questo è un componente React chiamato Welcome. Restituisce un elemento dell'interfaccia utente che React può visualizzare sullo schermo. Non è necessario comprendere ancora la sintassi. Questo esempio serve a mostrare come appare un componente a livello generale.