Composicion de Componentes en React
La descomposicion en componentes en React es uno de los poderes mas grandes que nos otorga esta libreria. Podemos construir un UI como una serie de componentes que interaccionan entre si.
Al realizar esta descomposicion, siempre debemos tener en cuenta la grafica del Costo de Integracion
Esto con el fin de entender que no todo puede ser ni componentes grandes ni componentes pequeƱos
# Division por TamaƱo
Una de los criterios mas basicas que podemos tomar al estar dividiendo en componentes es el tamaƱo y complejidad que tiene cada uno. Esta division es inversamente proporcional a la reusabilidad, es decir, si un componente es muy grande lo mas seguro esque no sea reusable y si un componente es muy pequeƱo lo mas seguro es que este sea altamente reusable.
En una recta podemos visualizar al espectro de tamaƱos de esta forma:
Por tanto, lo que buscamos es el compromiso ideal para que cada componente sea del tamaƱo justo, que no tenga muchas responsabilidades y que se pueda reutilizar bien
# Criterios de Descomposicion en Componentes
Hay cuatro criterios generales que debemos aplicar al descomponer en componentes
- Separacion logica entre el contenido y el layout de la pagina
- Reusabilidad de los componentes en multiples sitios
- Responsabilidades y complejidad
- Tu propio estilo de programar
Tomando en cuenta dichos cuatro criterios, decidir cuando crear uno nuevo o cuando seguir se puede basar a partir de ciertas guias generales:
