Podemos identificar componentes que tienen un mismo objetivo, entonces podemos hacer composición de componentes

<aside> 💡 En este caso podemos dividir los componentes de la siguiente manera:

</aside>

• Logo: Esta construido por el logo de Platzi y el banner del logo (el que nos avisa si hay un live).
• Navbar: cada enlace es su propio componente y además juntos forman el navbar.
• Componente de autenticación: Engloba a los botones de iniciar plan e inicio de sesión.
• Componente de búsqueda: Compuesto por un input y un botón diseñados especialmente para estar juntos.

Atributos en los componentes (props)

Los atributos en los componentes, también conocidos como props, son una forma de personalizar el comportamiento y la apariencia de un componente.

<aside> 💡 Por ejemplo, podemos tener un componente Botón y pasarle un atributo type, que puede recibir type="small" o type="big", y así definir diferentes comportamientos en prácticamente el mismo botón.

</aside>

¿Que pasa si tenemos demasiados bótones?

<aside> 💡 Si tenemos muchos botones, seguramente usarías muchos atributos para definir cada tipo de botón. Sin embargo, esto no siempre es la mejor opción. Podríamos definir un componente botón para cada botón que sea lo suficientemente diferente, y si son similares, podríamos diferenciarlos mediante atributos.

</aside>