Xreact Versions Save

• React v16
• Typescript v2.7
• RxJS v5.5

and some devDeps...

• react 15.5.4
• typescript 2.5.2

intent$.send will now become intent$.next the same API as RxJs Subject and Most Subject

• rewrite in TypeScript, now its Type Safe to use react-most
• sink$ is now update$
• now {update$, actions} is called Machine
• no more support for flat function as actions, all actions function need to put in machine.actions
• you can find the machine in react-most connect component via component.machine
• connect(blah) where blah function should be a Plan type, a Plan must return a Machine
• compose will return a flat HoC instead of multilayer HoC, where machines are merge together

• a alacarte data type counter example
• remove ramda dependency
• upgrade to react 15.5

add display name for Connect wrapper

to easily debug on react chrome plugin

e.g. wrapper component's name will be Connect(Counter)

• upgrade rx to v5
• upgrade most.js to fix unsubscribe issue
• update documents and wikis

• connect will return a composable wrapper component

let wrapper1 = connect(i=>({inc1: ()=>({type: 'inc'})}))
let wrapper2 = connect(i=>({inc2: ()=>({type: 'inc2'})}))
wrapper1(wrapper2(CounterView))
// wrapper are simply function, so you can
let wrapper = R.compose(wrapper1, wrapper2)
wrapper(CounterView)

• useactions as default field to define actions

    const Counter = connect(intent$=>{
      return {
        sink$: intent$.map(...),
        inc: ()=>({type:'inc'}),    // <--  these are actions, 
        dec: ()=>({type:'dec'}),  // <--  if it confuse you why they're same level with sink$
        actions: {                        // <-- now you can put all actions inside `actions` field
          inc3: ()=>({type: 'inc3'}) 
        },
      }
    })(CounterView)

• env NODE_ENV=debug npm test to see intent time stamp
• time stamp include milisec
• mergeAll([ReactClass.defaultProps, initprops, props])

const View = props => <div>hehe</div>
View.defaultProps  = {blah} // <-- 1 defaultProps
const Component = connect(blah, initprops)(View)     // <--- 2. initprops
<Component props={blah}> // <--- 3. props

piority 3>2>1