[REACT] immer

immer 란?

객체의 구조가 엄청나게 깊어지면 불변성을 유지하면서 업데이트 하기 힘들다.

이럴때 immer를 사용한다.

구조가 복잡한 객체도 매우 쉽고 짧은 코드를 사용하여 불변성을 유지하면서 업데이트 할 수 있다.

immer 설치

• yarn add immer

immer 사용

• immer를 사용하여 컴포넌트 상태를 작성할 때는 객체 안에 있는 값을 직접 수정하거나, 배열에 직접적인 변화를 일으키는 push, splice 등의 함수를 사용해도 무방하다.
• 따라서 불변성 유지에 익숙하지 않아도 쉽게 변화시킬 수 있다.
• immer를 사용한다고 해서 무조건 코드가 간결해지지는 않는다.
• onRemove의 경우 배열 내장 함수 filter가 더 깔끔하다.
• 따라서 불변성을 유지하는 코드가 복잡할 때 만 사용하자.