Composition de Components

Partie du cours React

Vous avez construit une carte avec une bordure et une ombre, et le rendu est réussi. Il vous faut maintenant la même carte autour d'une photo, autour d'un formulaire de connexion et autour d'une liste de commentaires. Le réflexe tentant est de copier la carte trois fois, ou de lui donner une prop pour chaque chose qu'elle pourrait éventuellement contenir : title, photoUrl, formFields, comments.

La sortie de secours s'appelle la composition : construire de grandes choses en imbriquant de petites choses les unes dans les autres, de sorte que chaque pièce ignore tout des autres. Un cadre photo aide à retenir l'idée. Le cadre a un rôle, mettre une bordure autour de ce qu'il contient, et il le remplit sans savoir ni se soucier s'il tient une photographie, un diplôme ou un dessin d'enfant.