En esta clase compararemos los patrones de diseño que se revisaron en este curso.

Maquetación

Para maquetar podemos usar render props o react hooks.

Render props

Proveen propiedades para validar el retorno del componente.

React hooks

Validamos el componente y lo enviamos a sus render props correspondientes.

<aside> 💡 Las render props mejoran la calidad del código, pero su uso excesivo puede hacerlo aburrido en comparación con los React hooks. Con la práctica, podemos usarlas de manera eficiente para los componentes más importantes y garantizar una maquetación correcta y protegida.

</aside>

Share data

Todos los patrones nos permiten compartir información.

Render Functions

• Compartir información a través de funciones que reciben información necesaria como parámetros..
• Si necesitamos mucha información de diferentes funciones de renderizado para el mismo componente, el código puede ser difícil de leer y mantener.