Redux Render
React bindings for Redux using render props.
const Title = () => ( <Redux selector={state => state.title}> {title => ( <h1>{title}</h1> )} </Redux>)
Why use this?
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.
Installation
yarn add redux-render # npm install --save redux-render
Examples
- Controlled input (source, CodeSandbox)