Partie 1 : Découvrir React
Partie 2 : Acquérir les bases de React
Partie 3 : Aller plus loin avec React
Partie 4 : Bonus
Partie 5 : Obtenir votre sticker React

6. React et les Composants Web

Nous avons passé beaucoup de temps à étudier les composants web, et on peut se demander quel est le lien avec React. Et bien, sachez qu’une application React se construit en assemblant différents composants. Un composant pour la barre de navigation, un composant pour un formulaire de connexion, un composant pour afficher une liste, etc.

React utilise cette approche de composants, car cela permet de rassembler au même endroit la structure (HTML), l’apparence (CSS), et le comportement (JavaScript) d’un petit morceau de votre application. De plus, comme nous l’avons vu avec le Shadow DOM, les règles de style de votre composant sont isolées du reste de la page. Cela va considérablement faciliter nos développements, car chaque nouveau composant sera suffisamment autonome pour ne pas casser l’existant. De plus, en cas d’erreur, seul le composant concerné est responsable de cette erreur, et vous n’aurez donc pas besoin de chercher une solution partout dans le code de votre application. 👍

Voyez donc votre application React comme un assemblage de composants (une hiérarchie pour être plus exact), où chaque composant est autonome et responsable du fonctionnement d’une petite portion de votre application.