Run results for: react shallowEqual vs Ramda equals

Run details:

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

Browser: Firefox 108

Operating system: Ubuntu

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Ramda equals	97953.2 Ops/sec
React shallowEqual	2929315.8 Ops/sec

HTML Preparation code:

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

Script Preparation code:

function is(x, y) {
  return (
    (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y) // eslint-disable-line no-self-compare
  );
}

const hasOwnProperty = Object.prototype.hasOwnProperty;

function shallowEqual(objA, objB) {
    if (is(objA, objB)) {
        return true;
    }

    if (
        typeof objA !== 'object' ||
        objA === null ||
        typeof objB !== 'object' ||
        objB === null
    ) {
        return false;
    }

    const keysA = Object.keys(objA);
    const keysB = Object.keys(objB);

    if (keysA.length !== keysB.length) {
        return false;
    }

    // Test for A's keys different from B.
    for (let i = 0; i < keysA.length; i++) {
        const currentKey = keysA[i];
        if (
            !hasOwnProperty.call(objB, currentKey) ||
            !is(objA[currentKey], objB[currentKey])
        ) {
            return false;
        }
    }

    return true;
}

var data = [{
    foo: {
        bar: {
            foo: {
                bar: ''
            }
        }
    }
}, {}, {}];

Tests:

Ramda equals
var result = R.equals(data, [{foo: {bar: {foo: {bar: ''}}}}, {}, {}]);
React shallowEqual
var result = shallowEqual(data, [{foo: {bar: {foo: {bar: ''}}}}, {}, {}]);

Run results for: react shallowEqual vs Ramda equals

Ramda equals

React shallowEqual