- Notifications
You must be signed in to change notification settings - Fork4
dobjs/dob-react
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
React bindings for dob.
Design idea fromMobx Implementation
npm i dob-react
Here is a basicdemo, and here is ademo with fractal.
import{Provider,Connect}from'dob-react'@ConnectclassAppextendsReact.Component<any,any>{render(){return(<span>{this.props.store.name}</span>)}}ReactDOM.render(<Providerstore={{name:'bob'}}><App/></Provider>,document.getElementById('react-dom'))
Connect: All parameters from outer Provider are injected into the wrapped components, and the component rerender when the variables used in the render function are modified(sync usage).
Connect all from Provider's parameters, also is this example above.
Will also inject all parameters from outer Provider.
@Connect({customStore:{name:'lucy'}})classAppextendsReact.Component<any,any>{}
Will also inject all parameters from outer Provider.
@Connect(state=>{return{customName:'custom'+state.store.name}})classAppextendsReact.Component<any,any>{}ReactDOM.render(<Providerstore={{name:'bob'}}><App/></Provider>,document.getElementById('react-dom'))
classAppextendsReact.Component<any,any>{render(){return(<span>{this.props.store.name}</span>)}}constConnectApp=Connect()(App)// const ConnectApp = Connect({ ... })(App)// const ConnectApp = Connect( state => { ... })(App)
About
React bindings for dob
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
No releases published
Packages0
No packages published
Uh oh!
There was an error while loading.Please reload this page.