simple react state management

Sux.js

import React from 'react';

const SuxContext = React.createContext();

export class SuxProvider extends React.Component {
  state = {};

  render() {
    return (
      <SuxContext.Provider value={{...this.state, dispatch: data => this.setState(data)}}>
        {this.props.children}
      </SuxContext.Provider>
    );
  }
}

// usage <Sux>{({foo}) => <div>{foo}</div>}</Sux>
export default SuxContext.Consumer;

export const withSux = Component => props => (
  <SuxContext.Consumer>
    {data => <Component {...props} {...data} />}
  </SuxContext.Consumer>
);