Composant React

Un composant React est un morceau de page ou d’application web réutilisable facilement.

Il peut afficher du texte, des images, des boutons, etc., et il peut changer d’apparence selon les informations qui lui sont transmis.

C’est une fonction (ou une classe) qui retourne de l’affichage (JSX), et qui peut recevoir des données (les props) pour s’adapter.

En React moderne (avec les hooks), les composants sont principalement écrits sous forme de fonctions.

La fonction retourne du code JSX, une extension de syntaxe qui ressemble à du HTML/XML mais qui est en réalité convertie en appels à React.createElement() par le compilateur (comme Babel).

Le but d’un composant est d’encapsuler la logique, le style et la structure d’une partie de l’UI pour la rendre réutilisable et isolée.