react-purify

This handy ES7 decorators makes it easy to implement (or migrate gradually)
your react-components to a flux-like architecture.
Goal of this library is empowering users to purify components quickly without breaking existing architectures.

mixins :

``js
import {pure,mix} form 'react-purify'

@pure() // pureRenderMixin
class MyPureComponent extends React.Component {
//...
}

//if you need more mixins :
@mix([LinkedStateMixin,PureRenderMixins,...])
class MyComp {
//...
}

`

ready to use component-factories

`js
import {UI,pureUI} form 'react-purify'

const MyPureComponent = pureUI( p=> (

{p.title}

`

context-helpers

`js

var appState={todo:[/.../]};

import {inject,use} form 'react-purify'

@inject({appState}) // or @inject({appState:appState})
class TodoApp {
render(){
return
}
}

@use( // transfers context to props
['appState'], //get the appState
p=>({ //extract component dependencies
todo:p.appState.todo
})
)
@pure() // lets only redraw if todos have changed
class TodoList {
render(){
return

{this.props.todo.map( (todo,k)=>
• {todo}
)}

``