[mobx와 decorator]
-단순히 CRA로 만들어서 Mobx의 decorator을 쓰면 에러 발생함에 주의해야 한다. (yarn을 사용한 사용 방법이 따로 존재한다.)
-하지만, mobx6 버전으로 오면서 @ 문법을 호환성때문에 더 이상 사용하지 않는다. 따라서, mobx6에서는 기존 방식으로 decorator를 사용할 수 없다.
-그러나 객체의 생성자에, makeObservable(this)를 넣어주면 기존 방식대로 사용할 수 있다.
[mobx의 store]
mobx는 하나의 store을 만들 수 있는 redux와 다르게, 여러개의 store 생성이 가능하다. 따라서, 기능별과 로직별로 store 분리가 가능하다는 장점이 있다.
[action, observable, observer]
action, observable, observer 개념을 살펴보았다.
[예제]
mobx6는 @ 문법을 지원하지는 않지만 이해를 하기 위해 사용했다.
(참고코드: https://codesandbox.io/s/mobx-with-react-forked-jq0vj?file=/src/App.js)
