React compose thisless components

composeComponent.js

import {
  compose, 
  initialState, 
  didMount
} from 'react';

export const MyComponent = compose(
  initialState( () => {
    return {
      hidden: true
    };
  },
  connectToStores([Store1, Store2]), // higher-order component pattern
  didMount( (props, { setState, state }) => {
    // do stuff
  },
  ( props, { setState, state } ) => 
    <div>
      { /* ... */ }
    </div>
  )
);
// same as

let Foo = ({ props, { setState, state }}) => (
  <div>
    {/* ...*/}
  </div>
);
Foo = initialState(() => {
  return { hidden: true }
}, Foo);

let Foo = ({ { onNext }, { setState, state }}) => {
  const onClick = (event) => onNext(event.target.value);
  return (
    <div>
      <button onClick={onClick}>next</button>
    </div>
    );
}