Une application React est construite à partir de composants. Un composant est une partie réutilisable de l’interface utilisateur qui contrôle ce qui apparaît à l’écran. Au lieu de construire une page entière comme un seul bloc, React encourage à diviser l’interface en parties plus petites. Chaque partie est responsable d’une section spécifique de l’UI, comme un en-tête, un bouton ou un message.

Dans React, les composants sont écrits en JavaScript et définis comme des fonctions. Chaque composant retourne une description de ce qui doit apparaître à l’écran, et React se charge de l’afficher.

Les composants facilitent la compréhension et la maintenance des interfaces. Lorsque l’UI devient plus complexe, les composants aident à organiser le code, à réutiliser la logique et à éviter les répétitions. Voici un exemple simple de composant React :

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

Ceci est un composant React appelé Welcome. Il retourne un élément d’interface utilisateur que React peut afficher à l’écran. Il n’est pas nécessaire de comprendre la syntaxe pour l’instant. Cet exemple est présenté pour illustrer à quoi ressemble un composant dans les grandes lignes.