Run results for: Immer vs cloneDeep()

Run details:

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

Browser: Chrome 119

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Immer	129747.5 Ops/sec
cloneDeep	35440.6 Ops/sec

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/immer@3.1.3/dist/immer.umd.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>
<script src="https://cdn.jsdelivr.net/npm/uuid@8.3.2/dist/umd/uuidv4.min.js"></script>

Script Preparation code:

state = {
    "id": "2206513",
    "type": "HOME_BLADDER_DIARY",
    "status": "STARTED",
    "cycles": [
        {
            "id": "2206514",
            "index": 1,
            "number": 1,
            "status": "COMPLETED",
            "eventIds": [
                "2206517",
                "2206533",
                "2206525"
            ],
            "patientEvaluation": "COMPLETE",
            "startDate": "2023-11-13T15:03:55.312+01:00",
            "finished": false
        },
        {
            "id": "2206515",
            "index": 2,
            "number": 2,
            "status": "STARTED",
            "eventIds": [
                "2206544",
                "2206547",
                "2206599",
                "2206550",
                "2206553",
                "2206541",
                "2206556",
                "2206559",
                "2206607"
            ],
            "patientEvaluation": null,
            "startDate": "2023-11-15T09:36:28.470Z",
            "finished": false
        }
    ],
    "medicalReason": null,
    "medication": null,
    "notes": null,
    "management": null,
    "amountOfFlows": null,
    "patientNotes": null,
    "usualWakeTime": "07:00",
    "usualSleepTime": "23:00",
    "catheterization": "NEVER",
    "amountOfCycles": 2,
    "volumeHidden": false,
    "forceConsecutiveCycles": true
}

Tests:

Immer
const result = immer.produce(state, draft => { draft.cycles[0].eventIds[3] = 'POTATO' draft.cycles[0].eventIds[2] = 'POTATO' draft.cycles[0].eventIds[1] = 'POTATO' draft.cycles[0].eventIds[0] = 'POTATO' })
cloneDeep
let result = _.cloneDeep(state); result.cycles[0].eventIds[3] = 'POTATO'; result = _.cloneDeep(state); result.cycles[0].eventIds[2] = 'POTATO'; result = _.cloneDeep(state); result.cycles[0].eventIds[1] = 'POTATO'; result = _.cloneDeep(state); result.cycles[0].eventIds[0] = 'POTATO';