A hacking custom hook to emulate render props (function as a child)
npm install react-hooks-render-propsreact-hooks-render-props
========================
Hacky custom hook to emulate render props with Hooks API
Introduction
------------
React Hooks API is awesome.
Some of the libraries may not provide hooks API.
but just render props (function as a child) API.
To use such libraries, this is to provide a
hacky custom hook to emulate render props (function as a child).
This is not for production.
It's only tested against a few small examples.
Install
-------
``bash`
npm install react-hooks-render-props
Usage
-----
`javascript
import React from 'react';
import { useRenderProps, wrap } from 'react-hooks-render-props';
const RandomNumber = ({ children }) => (
const NumberWithRenderProps = () => (
{value => {value}}
);
const NumberWithCustomHook = wrap(() => {
const [value] = useRenderProps(RandomNumber);
return (
const App = () => (
Examples
--------
The examples folder contains working examples.
You can run one of them with
bash
PORT=8080 npm run examples:minimal
`and open in your web browser.
You can also try them in codesandbox.io:
01
02
03
Limitations
-----------
Due to its hacky implementation:
- It renders initially without any data.
- It may not detect the change of inputs to