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. Conclusion

Nous savons désormais comment mettre en place un composant de base en React. Nous savons également intervenir sur les différentes étapes de son cycle de vie et l’initialiser avec des données, grâce aux Hooks.

Il ne nous manque plus qu’à associer un code JSX plus poussé à notre composant, car pour l’instant notre interface utilisateur est assez limitée. Je vous propose de voir tout cela au chapitre suivant, pour remédier à ce problème !

En résumé

  • Il existe deux types de composants en React, les composants de classes et de fonctions. Il est recommandé d’utiliser les composants de fonctions.
  • Un composant React peut prendre en entrée une ou plusieurs props, qui sont l’équivalent des attributs en HTML.
  • Un composant React retourne une portion de DOM virtuel.
  • Nous décrivons notre DOM virtuel avec la syntaxe JSX, car c’est la méthode la plus recommandée.
  • Les Hooks permettent de palier aux limites aux composants de fonction, en leur ajoutant des fonctionnalités supplémentaires.
  • Le Hook d’état permet de définir un state à nos composants.
  • Le Hook d’effet permet d’intervenir sur le cycle de vie de nos composants.