Commit002e3bd

authored

Merge pull request#25 from rjz/feature/compose

Demos compose() utility

2 parentse3ccfba +0702f27 commit002e3bdCopy full SHA for 002e3bd

File tree

+25

-12

lines changed

+25

-12

lines changed

Lines changed: 8 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -18,17 +18,21 @@ const flakify = <T>(f: () => T): Promise<T> =>`
`18`	`18`	`},200+Math.random()*2000)`
`19`	`19`	`)`
`20`	`20`
	`21`	`+typeCounter={`
	`22`	`+value:number,`
	`23`	`+}`
	`24`	`+`
`21`	`25`	`exporttypeApi={`
`22`		`-save(x:{value:number}):Promise<null>,`
`23`		`-load():(Promise<{value:number}>),`
	`26`	`+save(x:Counter):Promise<null>,`
	`27`	`+load():(Promise<Counter>),`
`24`	`28`	`}`
`25`	`29`
`26`	`30`	`exportconstapi:Api={`
`27`		`-save:(counter:{value:number}):Promise<null>=>flakify(()=>{`
	`31`	`+save:(counter:Counter):Promise<null>=>flakify(()=>{`
`28`	`32`	`localStorage.setItem('__counterValue',counter.value.toString())`
`29`	`33`	`returnnull`
`30`	`34`	`}),`
`31`		`-load:():Promise<{value:number}>=>flakify(()=>{`
	`35`	`+load:():Promise<Counter>=>flakify(()=>{`
`32`	`36`	`conststoredValue=parseInt(localStorage.getItem('__counterValue'),10)`
`33`	`37`	`return{`
`34`	`38`	`value:storedValue\|\|0,`

Lines changed: 9 additions & 8 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import*asReactfrom'react'// tslint:disable-line`
	`1`	`+import*asReactfrom'react'`
`2`	`2`	`import*asReactDOMfrom'react-dom'`
`3`	`3`	`import*asreduxfrom'redux'`
`4`	`4`	`import{Provider}from'react-redux'`
`@@ -8,18 +8,19 @@ import * as state from './reducers'`
`8`	`8`
`9`	`9`	`import{Counter}from'./components/counter'`
`10`	`10`
`11`		`-letstore:redux.Store<state.All>=redux.createStore(`
	`11`	`+conststore:redux.Store<state.All>=redux.createStore(`
`12`	`12`	`state.reducers,`
`13`	`13`	`{}asstate.All,`
`14`	`14`	`redux.applyMiddleware(thunk),`
`15`	`15`	`)`
`16`	`16`
`17`		`-// Commented out ("let HTML app be HTML app!")`
	`17`	`+constRoot:React.SFC<{}>=()=>(`
	`18`	`+<Providerstore={store}>`
	`19`	`+<Counter/>`
	`20`	`+</Provider>`
	`21`	`+)`
	`22`	`+`
`18`	`23`	`window.addEventListener('DOMContentLoaded',()=>{`
`19`	`24`	`constrootEl=document.getElementById('redux-app-root')`
`20`		`-if(rootEl)ReactDOM.render(`
`21`		`-<Providerstore={store}>`
`22`		`-<Counter/>`
`23`		`-</Provider>`
`24`		`-,rootEl)`
	`25`	`+ReactDOM.render(<Root/>,rootEl)`
`25`	`26`	`})`

Lines changed: 8 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,8 @@`
	`1`	`+import*asReactfrom'react'`
	`2`	`+`
	`3`	`+typeRC=React.SFC\|React.ComponentClass`
	`4`	`+`
	`5`	`+typeHOC=(C:RC)=>RC`
	`6`	`+`
	`7`	`+exportconstcompose=(Component:RC, ...hocs:Array<HOC>)=>`
	`8`	`+hocs.reduce((C,hoc)=>hoc(C),Component)`

Comments

(0)