Arrow function binding

raw-breaking-mutation.js

// given a reference to mutableData we can't guarantee that .mutableProperty would
// still be the same reference *after* binding.
function Component({mutableData, onClick}) {
  return <button onClick={event => onClick(mutableData.mutableProperty, event)} />
}

raw.js

// immutableValue could be any scalar or an immutable (guaranteed not to change) object
function Component({immutableValue, onClick}) {
  return <button onClick={event => onClick(immutableValue, event)} />
}

transpiled.js

const _bindRenderHandler = memoize(500)(function(func, context, ...args) {
  return func.bind(context, ...args);
});

function _onClickHandler(onClick, immutableValue, event) {
  return onClick(immutableValue, event);
}

function Component({immutableValue, onClick}) {
  return <button onClick={_bindRenderHandler(_onClickHandler, this, onClick, immutableValue)} />
}