compose-components.jsx

// JSX
<Form>
  <Row>
    <Input />
  </Row>
</Form> 











// React.createClass
React.createElement(Form, null,
  React.createElement(Row, null,
    React.createElement(Input, null)
  )
)











// Functions
Form(Row(Input))











// Math
f(g(x))
compose(f, g)(x)











// Translate
const Connect = connect()
const WithState = withState()




compose(Connect, WithState(Element))





Connect(WithState(Element))





React.createElement(Connect, null,
  React.createElement(WithState, null,
    React.createElement(Element, null)
  )
)





<Connect>
  <WithState>
    <Element />
  </WithState>
</Connect>




compose(compose(WithContext, MapProps), WithState(Element))