MobX

kang·2020년 5월 13일
0

react

목록 보기
4/4

MobX 는 또 다른, 하나의 인기있는 리액트 상태 관리 라이브러리이며,
react 프로젝트를 진행할때 saga를 사용하였지만 MobX를 써봤던 개발자분들의 얘기로는 saga보다 훨씬 편하게 작업할 수 있다고 들었다.

Mobx의 주요 개념은 observale, reaction, computed, autorun이다.

Observable

관찰자 또는 관찰하는 대상이며, observable 지정한 state가 변경될 때 리렌더링된다.

reaction

특정값이 변경될 때, 특정한 작업을 수행할 수 있다.

import { observable, reaction, computed, autorun } from 'mobx';
const number = observable({
  a: 1,
  b: 2
});
console.log(`1`);
reaction( () => number.a, (value, reaction) =>  console.log(value));
reaction( () => number.b, (value, reaction) =>  console.log(value));
console.log(`2`);
number.a = 10;
number.b = 20;

위 코드를 보면 확인하면 1,2,10,20으로 출력된다.
이렇게 출력되는 이유는 특정 값이 변경되면 reaction이 실행된다.

profile
ksb

0개의 댓글