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.18/built/bundle.js"></script>
<script src="https://unpkg.com/dynamic-react@2.0.13/built/bundle.js"></script>
<script src="https://unpkg.com/dependency-inject@1.0.9/built/bundle.js"></script>
<div id='react-dom'></div>

TypeScript

class Store {
    num = 1
}

class Action {
    @inject(Store)
    private store: Store

    setNum(num: number) {
        this.store.num = num
    }
}

const container = new Container()
container.set(Store, new Store())
container.set(Action, new Action())

const store = container.get(Store)
const action = container.get(Action)

action.setNum(2)

document.getElementById("react-dom").innerHTML = store.num