npm install minbxmini mobx: main part of mobx, for new learners who diving into the source code
same as using mobx
1. install: yarn add minbx
2. import
``js
import { observable, computed, autorun, set, get, has, $mobx } from 'minbx';
import { observer, Observer, useObserver } from 'minbx'; // react
`
3. example
- normal
`js
class Store {
@observable obj = { a: 1 };
@observable arr = [2, 3];
@observable str = 'hello';
@observable bool = true;
@observable num = 4;
@computed get mixed() {
return store.str + '/' + store.num;
}
}
const store = new Store();
autorun(r => {
console.log('auto', store.str, store.obj.a, store.dbl);
});
store.str = 'change';
`
- react
`js
const A = observer(() => observable: {store.num});
const B = Inner Component}
``
- mobx 源码解读（一）：从零到 observable 一个 object 如何
- mobx 源码解读（二）：都 observe object 了，其他类型还会远吗
- mobx 源码解读（三）：mobx 中的依赖收集：订阅-发布模式
- mobx 源码解读（四）：讲讲 autorun 和 reaction
- mobx 源码解读（五）：如虎添翼的 mobx-react
don't forget to ❤️