Run results for: immer produce vs immer freeze vs immutable copy vs deep freeze vs baseline copy / freeze

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/113.0

Browser: Firefox 113

Operating system: Ubuntu

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

immer freeze

6.0M/s

baseline copy / freeze

608K/s

immer produce

493K/s

deep freeze

44K/s

immutable copy

3K/s

View exact numbers

Test name	Executions per second
✓ immer freeze	6,036,669 Ops/sec
baseline copy / freeze	607,594 Ops/sec
immer produce	492,558 Ops/sec
deep freeze	43,854 Ops/sec
immutable copy	2,764 Ops/sec

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/immer/8.0.1/immer.umd.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.2/immutable.min.js"></script>

Script Preparation code:

// var { compose, over, set, lensPath, append } = R

var INITIAL_DATA = { items: {}, count: 0, keys: [] }

for (var index = 0; index < 100; index++) {
  INITIAL_DATA[index] = { id: index, name: `ITEM-${index}`, value: Math.random() }
  INITIAL_DATA.count++
  INITIAL_DATA.keys.push(index)
}

var mutable = INITIAL_DATA

var NEW_ITEM_ID = INITIAL_DATA.count +1

function deepFreeze (o) {
  Object.freeze(o);

  Object.getOwnPropertyNames(o).forEach(function (prop) {
    if (o.hasOwnProperty(prop)
    && o[prop] !== null
    && (typeof o[prop] === "object" || typeof o[prop] === "function")
    && !Object.isFrozen(o[prop])) {
      deepFreeze(o[prop]);
    }
  });
  
  return o;
};

Tests:

immer produce
data = immer.produce(INITIAL_DATA, draft => {})
immer freeze
data = immer.freeze(INITIAL_DATA, draft => {})
immutable copy
data = Immutable.fromJS(INITIAL_DATA)
deep freeze
data = deepFreeze(INITIAL_DATA)
baseline copy / freeze
data = Object.freeze({ items: Object.freeze({ ...INITIAL_DATA.items }), count: INITIAL_DATA.count, keys: Object.freeze([ ...INITIAL_DATA.keys ]) })