2.0.24 • Published 7 years ago
dynamic-react v2.0.24
dynamic-react
React bindings for dynamic-object
Design idea from Mobx Implementation
Install
yarn add dynamic-react --save
Simple Usage
import { Provider, Connect } from 'dynamic-react'
@Connect
class App extends React.Component <any, any> {
render() {
return (
<span>{this.props.store.name}</span>
)
}
}
ReactDOM.render(
<Provider store={{ name: 'bob' }}>
<App />
</Provider>
, document.getElementById('react-dom'))
Use with dependency-inject
yarn add dynamic-object dependency-inject --save
store.ts
:
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
import { Provider, Connect } from 'dynamic-react'
import { Store, Action, container } from './store'
@Connect
class App extends React.Component <any, any> {
componentWillMount () {
this.props.action.setName('nick')
}
render() {
return (
<span>{this.props.name}</span>
)
}
}
ReactDOM.render(
<Provider store={container.get(Store)} action={container.get(Action)}>
<App />
</Provider>
, document.getElementById('react-dom'))
2.0.24
7 years ago
2.0.23
7 years ago
2.0.22
7 years ago
2.0.21
7 years ago
2.0.20
7 years ago
2.0.19
7 years ago
2.0.18
7 years ago
2.0.17
7 years ago
2.0.16
7 years ago
2.0.15
7 years ago
2.0.14
7 years ago
2.0.13
7 years ago
2.0.12
7 years ago
2.0.11
7 years ago
2.0.9
7 years ago
2.0.7
7 years ago
2.0.6
7 years ago
2.0.5
7 years ago
2.0.4
7 years ago
2.0.3
7 years ago
2.0.2
7 years ago
2.0.1
7 years ago
2.0.0
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago