declarative-react-decorator-transitions withState

App.js

import { compose, withHandlers, withState } from 'recompose';


const App = ({toggleBox, toggleBox2, showingBox, showingBox2}) =>
  <div className="App">
    <h1>Declarative Decorator Transitions</h1>
    <button onClick={() => toggleBox((toggleBox) => !toggleBox)}>TOGGLE BOX</button>
    <button onClick={() => toggleBox2((toggleBox2) => !toggleBox2)}>TOGGLE BOX 2</button>
    <Box animationTrigger={showingBox} />
    <Box2 animationTrigger={showingBox2} />
  </div>

const enhance = compose(
  withState('showingBox', 'toggleBox', true),
  withState('showingBox2', 'toggleBox2', true),
);


export default enhance(App)