React HOC

classHOC.js

let DebugComponent = ComponentToDebug => class ComponentNamedDebug extends Component {
  render() {
    return (
      <div className="debug">
        <ComponentToDebug {...this.props}/>
      </div>
    )
  }
}

funcHOC.js

const LayoutHoC = (Component) => {
  const Layout = props => (
    <div className="app">
      <header>
        <h1>Header goes here</h1>
      </header>
      <main>
        <Component {...props} />
      </main>
    </div>
  )

  return Layout
}

//above component can be simplified omitting extra () around parameters and using implicit return
let DebugComponent = ComponentToDebug => (
  props => (
    <div className="debug">
      <ComponentToDebug {...props}/>
    </div>
  )
);

//or even further omitting extra ()
let DebugComponent = ComponentToDebug => props => (
  <div className="debug">
    <ComponentToDebug {...props}/>
  </div>
);