mobx-web-cell
TypeScript icon, indicating that this package has built-in type declarations

0.4.0-rc.5 • Public • Published

MobX WebCell

MobX adaptor for WebCell v2

NPM

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>;
    }
}

Package Sidebar

Install

npm i mobx-web-cell

Weekly Downloads

0

Version

0.4.0-rc.5

License

LGPL-3.0

Unpacked Size

2.31 MB

Total Files

21

Last publish

Collaborators

  • tech_query