MicroState via @tannerlinsley

MicroState.js

import { Component } from 'react'

export default class MicroState extends Component {
  constructor (props) {
    super(props)
    this.state = props.state
  }
  render () {
    return (this.props.render || this.props.children)({
      setState: (...args) => this.setState(...args),
      ...this.state,
    })
  }
}

// Usage

// <MicroState
//   state={{
//     count: 0 
//   }}
//   render={({ count, setState }) => (
//     <div>
//       <div>Count: {count}</div>
//       <button
//         onClick={() => setState({count: count + 1})}
//       >
//         Increment Count
//       </button>
//     </div>
//   )}
// />