Reselect Done with Ramda function

reselectRamda.js

const createSelector = (...fns) => R.memoize(R.converge(R.last(fns), R.init(fns)))

// test case

const selector = createSelector(
  state => state.a,
  state => state.b,
  (a, b) => console.log('Called!') || ({
    c: a * 2,
    d: b * 3
  })
)

const test = () => {
  console.log(R.equals(selector({ a: 1, b: 2 }), { c: 2, d: 6 })) // called once
  console.log(R.equals(selector({ a: 2, b: 3 }), { c: 4, d: 9 })) // called once
  console.log(R.equals(selector({ a: 1, b: 2 }), { c: 2, d: 6 }))
  console.log(R.equals(selector({ a: 2, b: 3 }), { c: 4, d: 9 }))
  console.log(R.equals(selector({ a: 1, b: 2 }), { c: 2, d: 6 }))
  console.log(R.equals(selector({ a: 2, b: 3 }), { c: 4, d: 9 }))
}

test()

withReact.js

import React from "react";
import { render } from "react-dom";
import R from "ramda";

const createSelector = (...fns) =>
  R.memoize(R.converge(R.last(fns), R.init(fns)));

const selector = createSelector(
  props => props.a,
  props => props.b,
  (a, b) =>
    console.log("Called!") || {
      calculatedA: a * 2,
      calculatedB: b * 3
    }
);

const LowLevelComponent = ({ calculatedA, calculatedB }) =>
  <div>
    A: {calculatedA}, B: {calculatedB}
  </div>;

const EnhancedLowLevelComponent = R.compose(LowLevelComponent, selector);

const App = () => {
  return (
    <div>
      <EnhancedLowLevelComponent a={1} b={2} />
    </div>
  );
};

render(<App />, document.getElementById("root"));