HoC Composition

route-component.js

import compose from '@tuxsudo/compose';
import {connect} from 'react-redux';
import appendLifeCycle from '../hocs/append-life-cycle.js';
import appendServerAction from '../hocs/append-server-action.js';
import appendMetaDatas from '../hocs/append-meta-data.js'

import LandingTemplate from '../templates/Landing.js';


export const finalComponent = compose(
  
  // hook up all the things
  connect(mapStateToProps(){}, bindActions(){}, mergeAllTheThings(){}),

  appendServerAction((store, props) => {
    // add static method which server recognizes and waits before responding
  }),
  appendMetaDatas((store) => {
    // connect store data with an appended react-helmet instance
  })
  appendLifeCycle({componentDidMount(){
    // dispatch injected data-grabbing actions
  }),
)(LandingTemplate);