Composición de Components

Parte del curso de React

Has construido una tarjeta con borde y sombra, y queda bien. Ahora necesitas esa misma tarjeta alrededor de una foto, alrededor de un formulario de login y alrededor de una lista de comentarios. La tentación es copiar la tarjeta tres veces, o darle una prop por cada cosa que pueda contener: title, photoUrl, formFields, comments. Los dos caminos acaban en un componente que nadie quiere tocar.

La salida es la composición: construir cosas grandes anidando cosas pequeñas dentro, de forma que cada pieza siga sin saber nada de las demás. Un marco de cuadro ayuda a fijar la idea. El marco tiene un trabajo, que es poner un borde alrededor de lo que sea que lleve dentro, y lo hace sin saber ni importarle si sostiene una fotografía, un diploma o el dibujo de un niño. Un componente de React bien hecho es un marco.