react-powerplug/src/components/Map.js

Give life to your dumb components

import * as React from 'react'
import State from './State'
import renderProps from '../utils/renderProps'

const Map = ({ initial = {}, onChange, ...props }) => (
  <State initial={{ ...initial }} onChange={onChange}>
    {({ state, setState }) =>
      renderProps(props, {
        values: state,
        set: (key, value) => setState({ [key]: value }),
        over: (key, fn) => setState(s => ({ [key]: fn(s[key]) })),
        get: key => state[key],
      })
    }
  </State>
)

export default Map