Mobx

준호·2020년 11월 12일
0

redux와는 다른, 또 다른 리액트 상태관리 라이브러리다.

redux와 마찬가지로 react의 종속적인 라이브러리는 아니므로 어디서든 쓸 수 있다.

MobX의 주요 개념들

Observable State

MobX를 사용하고 있는 앱의 상태는 관측 가능하다.
앱에서 사용하고 있는 state는 변할 수 있으며, 만약 특정 부분이 바뀌면 그게 무엇이든지 MobX에서는 어떤 부분이 바뀌었는지 알 수 있다.

Computed Value

연산 된 값은 기존의 상태값과 다른 연산값에 기반하여 만들어 질 수 있는 값이다. 주로 성능 최적화를 위해 많이 사용되며, 어떤 값을 연산해야 할 때 연산에 기반되는 값이 바뀔때만 새로 연산하게 하고, 바뀌지 않았다면 그냥 기존의 값을 사용 할 수 있게된다.

Reactions

Computed Value는 우리가 특정 값을 연산해야 할 때만 처리되는 반면, Reactions는 값이 바뀜에 따라 해야 할 일을 정하는 것을 의미한다.
예를 들어 Observalbe State의 내부 값이 바뀔 때 우리가 console.log 등을 호출 해 줄 수 있다.

Actions

상태에 변화를 일으키는것으로, Observable State에 변화를 일으키는 코드를 호출하는것은 하나의 액션이다.
리덕스와는 달리 따로 객체형태로 만들지 않는다.

profile
빠르게 발전중인 프론트엔드 개발자

0개의 댓글