react-powerplug/src/components/State.js

Give life to your dumb components

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

const State = ({ initial = {}, onChange, ...props }) => (
  <Value initial={initial} onChange={onChange}>
    {({ value, set, reset }) =>
      renderProps(props, {
        state: value,
        setState: (updater, cb) =>
          set(
            prev => ({
              ...prev,
              ...(typeof updater === 'function' ? updater(prev) : updater),
            }),
            cb
          ),
        resetState: reset,
      })
    }
  </Value>
)

export default State