Run results for: Lens vs iu-object

Run details:

User agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36

Browser: Chrome 69

Operating system: Windows 7

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
Spread	834228.3 Ops/sec
Ramda lens	651885.1 Ops/sec
IU	260807.0 Ops/sec

HTML Preparation code:

<script src="//cdnjs.cloudflare.com/ajax/libs/ramda/0.25.0/ramda.min.js"></script>

Script Preparation code:

// Initial state
var state = {
  visible: false,
  lazy: { test: true, number: 44 },
  count: 1
}

// Define reducers ahead of time

var spread = state => ({
  ...state,
  lazy: {
    ...state.lazy,
    test: !state.lazy.test
  }
})


var lens = R.lensPath(["lazy", "test"])
var ramda = state => {
  return R.over(lens, test => !test, state)
}

var iuUpdate = state => iu(state, "lazy/test", !state.lazy.test)


function iu(state, subArray, val) {
  if (!subArray) {
    console.log("No target provided")
  } else if (subArray.length < 1) {
    console.log("No target provided")
  } else if (!state) {
    console.log("No state object provided")
  } else {
    if (typeof subArray === "string") {
      subArray = subArray.split("/").filter(segment => segment)
    }
    return reducer(state, subArray, cloner(val), 0)
  }
}

function reducer(_state, subArray, val, l) {
  try {
    const key = subArray[l]
    if (l + 1 === subArray.length) {
      const replacer = isEmpty(val) ? undefined : val
      return replacer !== undefined
        ? Object.assign({}, _state, { [key]: replacer })
        : stateWithoutKey(_state, key)
    } else {
      const value = !isEmpty(_state[key]) ? _state[key] : {}
      return Object.assign({}, _state, {
        [key]: reducer(value, subArray, val, l + 1),
      })
    }
  } catch (error) {
    console.log("reducer error =>", error)
  }
}

function cloner(arg) {
  try {
    return JSON.parse(JSON.stringify(arg))
  } catch (e) {
    return null
  }
}

function isEmpty(val) {
  return (
    val === undefined ||
    val === null ||
    (typeof val === "object" && Array.isArray(val) && val.length === 0) ||
    (typeof val === "object" &&
      !Array.isArray(val) &&
      Object.keys(val).length === 0)
  )
}

function stateWithoutKey(state, key) {
  const { [key]: value, ...withoutKey } = state
  return withoutKey
}

Tests:

Spread
var data = spread(state)
Ramda lens
var data = ramda(state)
IU
var data = iuUpdate(state)

Run results for: Lens vs iu-object

Comparing perf of ramda lens vs https://github.com/attack-monkey/immutable-update

Spread

Ramda lens

IU