jsonnull / redux-render

Ergonomic Redux bindings for React using render functions

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)

API

• <Provider store>
• <Redux selector children>