dynamic-react

React bindings for dynamic-object

Design idea from Mobx Implementation

Install

``bash
yarn add dynamic-react --save
`

Simple Usage

`typescript
import { Provider, Connect } from 'dynamic-react'

@Connect
class App extends React.Component {
render() {
return (
{this.props.store.name}
)
}
}

ReactDOM.render(



, document.getElementById('react-dom'))
`

Use with dependency-inject

`bash
yarn add dynamic-object dependency-inject --save
`

store.ts:

`typescript
import { inject, Container } from 'dependency-inject'
import { Action } from 'dynamic-object'

export class Store {
name = 'bob'
}

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

@Action setName (name: string) {
this.store.name = name
}
}

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

export { container }
`

app.ts

`typescript
import { Provider, Connect } from 'dynamic-react'
import { Store, Action, container } from './store'

@Connect
class App extends React.Component {
componentWillMount () {
this.props.action.setName('nick')
}

render() {
return (
{this.props.name}
)
}
}

ReactDOM.render(



, document.getElementById('react-dom'))
``