A small function to create Render Props.
yarn add react-puer
npm i react-puer
<script src="https://unpkg.com/react-puer/dist/react-puer.umd.js"></script>
import puer from "react-puer";
const Component = props => {
const { children, render, ...prop } = props;
return puer({ children, render }, prop);
};
// render
<Component
name="Emerson"
lastName="Laurentino"
render={({ name, lastName }) => `Hi, i'm ${name} ${lastName} :)`}
/>
// children
<Component name="Emerson" lastName="Laurentino">
{({ name, lastName }) => `Hi, i'm ${name} ${lastName} :)`}
</Component>
Thanks @renatorib_ for write renderProps on React Powerplug.
MIT
elaurent.org · GitHub @emersonlaurentino · Twitter @elaurent_