Redux render prop

redux-render-props.js

const withState = connect(state => ({
  visitor: getVisitor(state),
  form: getRegForm(state),
  activeUsers: getActiveUsers(state),
}));

const HomeData = withState((children, ...rest) => children(...rest) );

// in usage
export function Home() {
  return (
    <HomeData>
      {({ visitor, form, activeUsers }) => (
        <div>
          <Header>{visitor.firstName}</Header>
          <RegForm form={form} />
          <ul>
            {activeUsers.map(u => (
              <li>
                <UserCard user={u} />
              </li>
            ))}
          </ul>
        </div>
      )}
    </HomeData>
  );
}