Refunk v2 Example

index.js

import preact from 'preact'
import connect from 'refunk'

// pass only select props to child
function pear (mapProps) {
  return Component => props => (
    <Component {...mapProps(props)} />
  )
}

// connect helper
function state (map) {
  return function WrappedComponent (comp) {
    return connect(pear(map)(comp))
  }
}

// provider
const App = connect(class extends preact.Component {
  componentWillMount () {
    fetchHome().then(data => this.props.update(state => ({
      globals: data
    })))
  }

  render (props, state) {
    return props.globals ? (
      <main>
        {props.children}
      </main>
    ) : 'loading'
  }
})

// your component
const Component = state(props => ({
  images: props.page.galleryImages
}))(props => (
  <p>State is loaded!</p>
))

// app root
preact.render((
  <App>
    <Component />
  </App>
), document.getElementById('root'))