React Puer

A small function to create Render Props.

Install

yarn add react-puer

npm i react-puer

UMD

<script src="https://unpkg.com/react-puer/dist/react-puer.umd.js"></script>

Example

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>

Credit

Thanks @renatorib_ for write renderProps on React Powerplug.

License

MIT

elaurent.org  ·  GitHub @emersonlaurentino  ·  Twitter @elaurent_