Now FSA compliant

npminstall--saveredux-ts

Store Builder

import{StoreBuilder}from'redux-ts'conststore=newStoreBuilder<StoreState>().withInitialState({test:true}).withReducer("reducer",reducer).withDevTools()// enable chrome devtools.build();}

Actions

import{createAction}from'redux-ts'interfaceLoginPayload{username:stringpassword:string}interfaceSetTokenPayload{token?:string}exportconstLogin=createAction<LoginPayload>('Login')exportconstLogout=createAction('Logout')exportconstSetToken=createAction<SetTokenPayload>('SetToken')

Reducers

import{ReducerBuilder}from'redux-ts'import{Login,Logout,SetToken}from'../actions'import{push}from'react-router-redux'consttokenKey='auth'exportinterfaceAuthState{token?:string}exportconstauthReducer=newReducerBuilder<AuthState>().init({token:localStorage.getItem(tokenKey)||undefined,}).handle(Login,(state,action,dispatch)=>{const{ username, password}=action.payloadfetch(`https://server.com/login?u=${username}&p=${password}`).then(x=>x.json()).then(data=>{/*        * When server respond with token, another action is dispatching.        */dispatch(SetToken(data.token))dispatch(push('/dashboard'))})returnstate}).handle(Logout,(state,action,dispatch)=>{dispatch(SetToken({token:undefined}))dispatch(push('/dashboard'))returnstate}).handle(SetToken,(state,action)=>{consttoken=action.payload.tokenif(token){localStorage.setItem(tokenKey,token)}else{localStorage.removeItem(tokenKey)}return{      ...state,      token,}})

Connect

import*asReactfrom'react'import{ChangeTheme}from'../actions/layout.actions'import{Logout}from'../actions/auth.actions'import{TopBar}from'../components/topBar'import{connect}from'react-redux'import{mapDispatchToProps,StateToProps}from'redux-ts'constmapStoreToProps:StateToProps<StoreState>=map=>mapconststoreProps=mapStoreToProps(store=>({useDarkTheme:!!store.layout.useDarkTheme,}))constdispatchProps=mapDispatchToProps({  Logout,  ChangeTheme,})typeMainProps=ReturnType<typeofdispatchProps>&ReturnType<typeofstoreProps>constMainContainer:React.SFC<MainProps>=({ children, ...rest})=>(<div><TopBar{...rest}/>{children}</div>)exportconstMain=connect(storeProps,dispatchProps)(MainContainer)

Example

License