Comment découper correctement une interface en composants React ?
Un composant n’est pas seulement « un morceau de page ». Il représente une responsabilité d’interface.
Exemple
Page produit :
ProductPage
├── ProductGallery ├── ProductInfo ├── Price ├── AddToCart └── Reviews
Trop gros
Un composant de plusieurs responsabilités devient difficile à comprendre.
Trop petit
Découper chaque ligne de texte en composant crée une complexité inutile.
Bonne question
« Cette partie possède-t-elle une responsabilité identifiable ou une logique réutilisable ? »
Réutilisation
Un bouton, une carte ou un formulaire peuvent être utilisés à plusieurs endroits si leur conception s’y prête.
React documente les composants comme les briques fondamentales des interfaces.
Consultez la page principale de cette filière pour retrouver la durée, les conditions d’admission et les informations de préinscription.