Benchmark: Immerjs vs Immutable Perf Test

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/npm/immer/dist/immer.umd.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.2/immutable.js"></script>

Script Preparation code:

//const { fromJS } = require('immutable');
var data = { items: {}, count: 0, keys: [] }

for (let index = 0; index < 100; index++) {
  data[index] = { id: index, name: `ITEM-${index}`, value: Math.random() }
  data.count++
  data.keys.push(index)
}

var NEW_ITEM_ID = data.count +1

var produce = immer.default

var im = Immutable.fromJS(data);

Tests:

immer
data = produce(data, draft => { draft.items[NEW_ITEM_ID] = { id: NEW_ITEM_ID, name: 'ITEM-NEW', value: 0 } draft.counter++ draft.keys.push(NEW_ITEM_ID) })
Immutable
var im = Immutable.fromJS(data); im = im.set('items', im.get('items').set(NEW_ITEM_ID, { id: NEW_ITEM_ID, name: 'ITEM-NEW', value: 0 })); im = im.set('count', im.count +1); im = im.set('keys', im.get('keys').push(NEW_ITEM_ID));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
immer
Immutable

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 26 days ago):

LLMs can make mistakes. Check important info.

Measuring the performance of two popular JavaScript libraries for immutability testing, Immer and Immutable.

**What is being tested?**

In this benchmark, the focus is on comparing the performance of two libraries, Immer and Immutable, when it comes to creating and manipulating immutable data structures. Specifically, the benchmark measures how quickly each library can update a dataset by adding a new item with some predefined properties.

**Options compared:**

1. **Immer**: A lightweight, incremental update approach for immutability. It uses an in-memory draft object that's updated incrementally, allowing for faster updates.
2. **Immutable**: A full-fledged immutable library that creates a new copy of the original data structure whenever it needs to be updated.

**Pros and Cons:**

1. **Immer**:
	* Pros:
		+ Faster performance due to incremental updates
		+ More efficient memory usage, as no new copies are created
	* Cons:
		+ May not provide a complete, isolated update (draft object is still in memory)
2. **Immutable**:
	* Pros:
		+ Provides a completely isolated and predictable update behavior
		+ Suitable for use cases where data safety is critical
	* Cons:
		+ Slower performance due to creating new copies of the original data structure

**Library descriptions:**

1. **Immer**: A lightweight, incremental update library developed by Facebook. It's designed to provide fast and efficient updates while maintaining immutability.
2. **Immutable**: A full-fledged immutable library for JavaScript, developed by Facebook. It provides a complete and predictable way of handling immutable data structures.

**Special JS features:**

In this benchmark, the following special JS feature is used:

1. **Async/await syntax**: The `im.set` method in Immutable's example uses async/await syntax to wait for the previous update operation to complete before executing the next one.

**Other considerations:**

When choosing between Immer and Immutable, consider the trade-offs between performance, memory usage, and data safety:

* If you prioritize fast updates and efficient memory usage, Immer might be a better choice.
* If you require a completely isolated and predictable update behavior, Immutable is likely a better fit.

**Alternatives:**

Other alternatives to Immer and Immutable include:

1. **Lodash**: A popular utility library that includes functions for manipulating immutable data structures.
2. **MochaJS**: A lightweight JavaScript object that provides a similar interface to Immutable's `fromJS` method.
3. **JS-Immutables**: A lightweight, incremental update library inspired by Immer.

Note: This list is not exhaustive and other libraries or alternatives might be suitable for specific use cases.

Latest run results:

Run details: (Test run date: 5 days ago)

User agent: Mozilla/5.0 (Android 13; Mobile; rv:132.0) Gecko/132.0 Firefox/132.0

Browser/OS: Firefox Mobile 132 on Android

View result in a separate tab

Test name	Executions per second
immer	1555.1 Ops/sec
Immutable	392.8 Ops/sec

Related benchmarks:

Immerjs vs Immutable Perf Test (version: 0)

Comparing performance of: immer vs Immutable

Created: 4 years ago by: Registered User

Jump to the latest result

immer

Immutable

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 26 days ago):