Estas herramientas no nos permiten especificar con precisión qué, cuándo y dónde renderizaremos el contenido de nuestros componentes.


Render Function

Este patrón permite pasar información a nuestros componentes a través de una función. Esto permite renderizar componentes que ya tienen la información debido a la función.

Untitled

Untitled


Render Props

En vez de enviar la función dentro del componente, podemos enviarla como una propiedad. Este patrón es útil para compartir información de manera efectiva.

Untitled

Untitled


¿Qué haremos en este módulo?

Transformaremos el componente TodoList para tener una render prop por cada estado distinto que pueden tener nuestros Todos.

Forma actual con composición de componentes.

Forma actual con composición de componentes.

Forma esperada con render props.

Forma esperada con render props.