React bindings for Redux using render props.
const Title = () => (
<Redux selector={state => state.title}>
{title => (
<h1>{title}</h1>
)}
</Redux>
)
Render props afford you a lot of flexibility over Higher-Order Components (HOCs).
- Reactivity: Change selectors or dispatch calls on the fly as your component state and props change.
- Brevity: It starts at just one line of code to connect to Redux in a performant way.
- Flexibility: Using render props, you can easily create HOCs to support your own use-cases.
yarn add redux-render
# npm install --save redux-render
- Controlled input (source, CodeSandbox)