성능

• immutable-js의 경우 spread, Object.assign에 비해 약 10배 가량 빠른 성능을 보임

• 낮을 수록 좋은 성능을 나타낸다.
• immer는 immutableJS와 거의 비슷하다. 그러나 immutableJS + toJS의 경우 보다 빠르다.
• ES5 대체 구현은 약 3배 가량 느리다.

파일 용량

• immutableJS - 170kb
• immer - 36kb

편의성 (생산성)

React의 데이터 모델에서 setState, redux를 사용할 때 기본적으로 불변성을 지켜야 한다. 간단한 클릭 카운터 예제를 통해 확인해 보자.

// bad
clickHandler = () => this.state.count++;

// good
clickHandler = () => this.setState(state => ({
    count: state.count + 1
}));

위의 good 케이스는 immer의 produce 사용법과 완벽히 부합한다.

// immer
const nextState = produce(currentState, draft => {
    draft.count = draft.count + 1
})