Composable High-order components

composeComponents.js

export function composeComponents(component, wrappers = []) {  
  return wrappers.reduce((c, wrapper) => wrapper(c), component);
}

routerWithHighOrderComponents.jsx

// Example from http://engineering.blogfoster.com/higher-order-components-theory-and-practice/

const CheckedWelcome = composeComponents(  
  Welcome,
  [
    (c) => checkBoarded(c, { withValue: true, redirectTo: '/app/dashboard' }),
    (c) => requiresAuth(c)
  ]
);

const CheckApp = composeComponents(  
  App,
  [
    (c) => checkBoarded(c, { withValue: false, redirectTo: '/welcome-on-board'}),
    (c) => requiresAuth(c),
    (c) => requiresSmth(c, { options: {} })
  ]
);

const routes = (  
  <Route path="">
    // much more clean route definition
    <Route path="/welcome-on-board" component={CheckedWelcome} />

    <Route path="/app" component={CheckedApp}>
      // ...
    </Route>
  </Route>
);