MobX WebCell
MobX adaptor for WebCell v2
Installation
npm install web-cell mobx@5 mobx-web-cell
Usage
source/model/index.ts
import { observable, action } from 'mobx';
class App {
@observable
count = 0;
@action
increase() {
this.count++;
}
}
export const app = new App();
Function Component
source/page/index.ts
import { createCell } from 'web-cell';
import { observer } from 'mobx-web-cell';
import { app } from '../model';
export default observer(function PageIndex() {
return <div onClick={app.increase}>count: {app.count}</div>;
});
Class Component
source/page/index.ts
import { createCell, component, mixin } from 'web-cell';
import { observer } from 'mobx-web-cell';
import { app } from '../model';
@observer
@component({
tagName: 'page-index'
})
export default class PageIndex extends mixin() {
render() {
return <div onClick={app.increase}>count: {app.count}</div>;
}
}