Install

yarn add hydux hydux-react# or npm i hydux hydux-react

Usage

import_appfrom'hydux'importwithPersistfrom'hydux/lib/enhancers/persist'importwithReact,{React}from'hydux-react'letapp=withReact()(_app)exportdefaultapp({init:()=>{count:1},actions:{down:()=>state=>({count:state.count-1}),up:()=>state=>({count:state.count+1})},view:(state:State,actions:Actions)=><div><h1>{state.count}</h1><buttononClick={actions.down}>–</button><buttononClick={actions.up}>+</button></div>})

Helpers

PureView

import{PureView}from'hydux-react'exportfunctionView(props){return(<PureViewstateInUse={props}> // The props passed to PureView would be shallow compared and determine whether diff and render child components.{(props)=><ChildComponent{...props}/>} // here we pass function as children to avoid executing child components' render function.</PureView>)}

ErrorBoundary

import{ErrorBoundary}from'hydux-react'exportfunctionView(props){return(<ErrorBoundaryreport={(error,errorInfo)=>void}// Custom error handler functionrenderMessage={(error,errorInfo)=>React.ChildNode}// Custom error message renderer, default is `return null`>{()=><ChildComponent{...props}/>} // here we pass function as children to catch errors in child components' render function.</ErrorBoundary>)}

Counter App

git clone https://github.com/hydux/hydux-react.gitcd examples/counteryarn# or npm inpm start

License