currying & Function Composition (aka HOC)

curried.js

// curried functions, a.k.a HOC
const witha = (extra) => (component) => (props) => {
  console.log("witha", extra);
  console.log("witha", component);
  console.log("witha", props);
  return () => component(props);
};
const withb = (extra) => (component) => (props) => {
  console.log("withb", extra);
  console.log("withb", component);
  console.log("withb", props);
  return () => component(props);
};
// dummy component
const component = (props) => {
  console.log("render component with", props);
};
// partial application
let hoca = witha("extraaa")(component);
let hocb = withb("extrabb")(hoca);
let compo = hocb("shared props");
// rendering
compo()();

console.log("");

// one line
withb("extrabb")(witha("extraaa")(component))("shared props")()();