react-with-state

Higher-order component abstraction for adding state management to a dumb component.

provides these props:

• state
• setState

try it on codepen

import React from 'react'
import {render} from 'react-dom'

import withState from '../../src'

const Counter = ({state, setState}) =>
  <div>
    {state.count}
    <button onClick={() => setState({count: state.count + 1})}>
      Increment
    </button>
  </div>

const manageCounterState = withState({count: 0})
const ManagedCounter = manageCounterState(Counter)

render(<ManagedCounter />, document.querySelector('#demo'))