ImmutableJS

Breif

• mutable: 可以修改的
• immutable: 不可修改的

Why

• 可以修改的 object ，在 project 變得日益龐大的時候會變得很複雜
• Side Effect

Others

• Object.assign 在 object 比較複雜的情況下，效能會變差
• shallow copy
• deep cody

How does it do

• Persistent Data Structure
• Structural Sharing
  • 當某個節點 update 時，不會整份 copy ，只會更新需要變動的部分

Example

import { Map } from 'immutable';

const a = Map({
  select: 'users',
  filter: Map({ name: 'Cam' })
})

const b = a.set('select', 'people');

a === b; // false
a.get('filter') === b.get('filter'); // true

Pros

• 讓程式變得更單純
• 節省記憶體

Data structure

• Map ===> Object
• List ===> Array
• Set ===> 沒有順序且不可重複的 Array

Reference

• Immutable.js 簡介
• Immutable 详解及 React 中实践