1×
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.

Autoplay

    Explore common Render Prop patterns used in React

    reactReact

    Render props have become tremendously popular amongst the ReactJS community. Those new to the idea of a "render prop" can easily become confused as they can be implemented in various ways.

    In this lesson, we will walk through two extremely common ways in which render props are created. The first scenario will expose data to child components using this.props.render. Following this, we'll then modify the component to use the FaaC (Function-as-a-Child) pattern in which we'll expose data to child components via this.props.children.

    "Use a Render Prop!!" by Michael Jackson