Benchmark: immer push vs spread

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/immer@9.0.13/dist/immer.umd.production.min.js"></script>

Script Preparation code:

const createList = () => 
  Array.from({ length: 100 }, (_, i) => ({ id: i, value: `Item ${i}` }));

const list = createList();
const nextItem = { id: "x", value: "I'm next" };

Tests:

immer
const updatedList = immer.produce(list, (draft) => { draft.push(nextItem); });
spread
const updatedList = [...list, nextItem];

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
immer
spread

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 7 months ago)

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

Browser/OS: Firefox 146 on Ubuntu

View result in a separate tab

spread

2.1M/s

immer

107K/s

View exact numbers

Test name	Executions per second
✓ spread	2,051,297 Ops/sec
immer	106,790 Ops/sec

immer push vs spread (version: 1)

Comparing performance of: `immer vs spread`

Created: one year ago by: Guest

Go to the latest result

immer

spread

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

immer push vs spread (version: 1)

Comparing performance of: immer vs spread

Created: one year ago by: Guest

Go to the latest result

immer

spread

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `immer vs spread`