티스토리 뷰

React

MobX

새로운 도전을 즐기는 모기같은 개발자. 하늘을난모기 2018.12.02 18:24
MobX

MobX

4가지 주요 개념을 가지고 있다.

  1. Observable State (관찰 받고 잇는 상태)

    • 앱의 상태가 Observable State (관찰 받고 있는 상태)
    • 변화된 부분을 감지
  2. Computed Value (연산된 값)

    • 기존 상태 값과 다른 연산된 값에 기반하여 만들어질 수 있는 값.
    • 바뀐 값
  3. Reactions (반응)

    • Computed Value는 연산해야 될 때에만 처리되지만, Reactions는 값이 바뀔 때 해야 할 일임.
    • ex) Observable State의 내부 값이 바뀔 때 console.log() 호출
  4. Actions (액션; 행동)

    • 상태에 변화를 일으키는 것.

autorun

자동으로 그 값을 주시하여 그 값이 바뀔 때 마다 함수가 주시되도록 해줌.
하나하나 observe 해주지 않아도 됨.

Redux vs MobX

옵션 Redux MobX
불변성 유지 신경X
함수형 O O
댓글
댓글쓰기 폼