[React] MobX 이해하기

• MobX는 리엑트에서 상태 관리를 위해 사용되는 라이브러리로, 복잡한 상태 업데이트 로직을 분리하고 모듈화하여 유지보수성을 높이며, 상태를 쉽게 관리할 수 있게 해준다.

• MobX의 주요 기능으로는 observable(관찰하려는 상태), computed(연산된 값), reactions(상태 변화에 따른 부가적인 변화), actions(상태를 변경시키는 모든 것) 등이 있으며, 이를 통해 상태 변화에 따른 반응을 자동으로 처리하고 성능 최적화를 할 수 있다.

• MobX는 상태 관리 라이브러리로, decorator 문법을 통해 상태 변화를 관찰하고, 상태에 따라 자동으로 컴포넌트를 동기화하며, 액션을 통해 상태를 변화시키는 등의 기능을 제공한다.

• MobX에서는 @observable, @observer, @computed, @action, @asyncAction, @inject 등의 decorator를 사용하며, 이를 통해 상태 변화를 효율적으로 관리하고, 디버깅을 용이하게 하며, 비동기 작업을 처리하고, Store와 Component를 연결하는 등의 작업을 수행한다.