JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/react@15.6.1/dist/react.min.js"></script>
<script src="https://unpkg.com/react-dom@15.6.1/dist/react-dom.min.js"></script>
<script src="https://unpkg.com/dynamic-object@2.1.19/built/bundle.js"></script>
<script src="https://unpkg.com/dynamic-react@2.0.22/built/bundle.js"></script>
<script src="https://unpkg.com/dependency-inject@1.0.17/built/bundle.js"></script>
<div id='react-dom'></div>

Babel + JSX

// import { observable } from 'dynamic-object'
// import { Connect } from 'dynamic-react'
// import { inject, injectFactory } from 'dependency-inject'

@observable
class ArticleStore {
	  title = "我是标题党"
}

class ArticleAction {
    @inject(ArticleStore) articleStore

    @Action changeTitle() {
        this.articleStore.title = "改变了"
    }
}

@Connect(injectFactory({
	store: ArticleStore,
	action: ArticleAction
}))
class Article extends React.Component<any, void> {
    componentWillMount() {
        setTimeout(() => {
            this.props.action.changeTitle()
        }, 1000)
    }

    render() {
        return (
            <div>{this.props.store.title}</div>
        )
    }
}

ReactDOM.render(<Article />, document.getElementById("react-dom"))