MobX Demo

MobX의 핵심을 담은 데모 프로그램

Getting Start

MobX with React.js

1. npm i

2. npm run demo

3. open browser with http://localhost:8080

Vanilla MobX

1. npm run basic

MobX 작동 방식

상태를 변경하는 Action이 발생하면 Observable State가 변경되고, 변경되었을 때 필요에 따라 Computed Values가 계산되거나 적절한 Reaction을 수행한다.

MobX 특징

• 객체지향 프로그래밍 편의성 제공

• 스프링, 네스트와 유사한 아키텍쳐 구조 지향

• 적은 코드량과 낮은 러닝 커브

• Mutable한 상태 변경 가능

• 자유도가 높아 테스트하기 좋은 코드를 작성하기 쉬움

Refernce

• MobX 공식문서

• MobX 깃허브

• MobX with React 공식 문서

• React에서 MobX 경험기 - 우아한 형제들

• MobX와 Redux의 차이 및 MobX 학습 정리