Example of hoisting an arrow function with reflective-bind

hoist-arrow-fn-reflective-bind.jsx

// ======================================================
// Original code

function MyComponent(props) {
  const msg = "Hello " + props.user.name.first;
  return <PureChild onClick={() => alert(msg)} />
}

// ======================================================
// After reflective-bind/babel transforms the code

function _hoisted(_temp) {
  alert(_temp);
}

function MyComponent(props) {
  const msg = "Hello " + props.user.name.first;
  return <PureChild onClick={reflectiveBind(_hoisted, this, msg)} />
}