redux & mobx 차이

Redux

• Redux는 자바스크립트 기반 상태관리 라이브러리이다.

  리덕스 특징

  • 하나의 store를 가진다.
  • store의 데이터는 불변성을 가진다.
  • action은 데이터 묶음을 reducer로 보내고 reducer는 store를 갱신다.

Mobx

• Mobx는 자바스크립트 기반 상태관리 라이브러리이다. 기본적으로 객체지향 느낌이 강하며 Component와 State를 연결하는 Redux와 달리 번잡한 보일러플레이트 코드들을 데코레이터제공으로 깔끔하게 해결한다.
  BoilerPlate 코드란 모든 코드를 작성하기 위해 항상 필요한 부분을 의미한다.

  모빅스 특징

  • 여러 개의 store를 가질 수 있다.
  • 데코레이터로 간략하게 코드 작성을 할 수 있다.
  • 유연하고 쉬운 설계를 할 수 있다.
  • store의 observable로 상태를 가지고 action으로 갱신할 수 있다.

상태

• Redux는 상태를 저장하기 위한 데이터 구조로 자바스크립트 객체가 있으며 업데이트를 수동으로 해야한다. 반면 Mobx는 observer를 통해 변경 사항을 자동으로 추적한다. observer는 객체의 상태 변화를 관찰하는 관찰자들, 즉 옵저버들의 목록을 객체에 등록하여 상태 변화가 있을 때마다 메서드 등을 통해 객체가 직접 목록의 각 옵저버에게 통지하도록 하는 디자인 패턴이다. 주로 분산 이벤트 핸들링 시스템을 구현하는데 사용된다. 발행 / 구독 모델로 알려져 있기도 하다.