Use Prop Collections with Render Props

Share this video with your friends

Send Tweet

Sometimes you have common use cases that require common props to be applied to certain elements. You can collect these props into an object for users to simply apply to their elements and we'll see how to do that in this lesson.

Alexis Duran
Alexis Duran
~ 6 years ago

First, let me tell you I am having a blast with this course so far, really like all this course of patterns (I would love to see more courses of this type). But in other hand, talking about this lesson, what is not yet clear for me is how passing "togglerProps" to the consumer components is any different that the "on" and the "toggle" we used to pass?

Cheers, and sorry if it is too silly.

Christian
Christian
~ 6 years ago

Hi Alexis, it's about hiding the implementation details from the user of this component (listen the last bit of the tutorial again). See Kent's Downshift example https://github.com/paypal/downshift#usage You don't have to care about each and every prop that you pass into the relevant component, just spread...

Alexis Duran
Alexis Duran
~ 6 years ago

Thanks for the response Christian, I didn't realize you have answered it. Cheers!

Nazariy
Nazariy
~ 5 years ago

But render props aren't great for performance, right? Because that render props function gets re-created every time.