Added redux-saga to complex example

examples/complex/roc.config.js

@@ -11,6 +11,7 @@ module.exports = {
             koaMiddlewares: 'src/koa-middlewares.js',
             redux: {
                 middlewares: 'src/middlewares.js',
+                sagas: 'src/sagas.js',
             },
             reducers: 'src/reducers.js',
             routes: 'src/routes.js',

examples/complex/src/components/about/index.js

@@ -14,6 +14,7 @@ import { provideHooks } from 'redial';
     }),
     defer: (locals) => {
         locals.setProps({color: 'red'});
+        locals.dispatch({ type: 'CLICKED_ASYNC' });
     },
 })
 export default class About extends Component {

examples/complex/src/components/main/index.js

@@ -40,7 +40,9 @@ function mapDispatchToProps(dispatch) {
 }
 
 // fetch triggers on both server and client
-@provideHooks({ fetch: prefetchRepos })
+@provideHooks({
+    fetch: prefetchRepos
+})
 // mergeReposProps enriches dispatch props with reposForceFetch
 @connect(mapStateToProps, mapDispatchToProps, mergeReposProps)
 export default class Main extends React.Component {

examples/complex/src/sagas.js

@@ -0,0 +1,12 @@
+import { takeEvery } from 'redux-saga'
+import { put, call } from 'redux-saga/effects'
+import { delay } from 'redux-saga'
+
+export function* incrementAsync() {
+    yield call(delay, 1000)
+    yield put({type: 'CLICKED'})
+}
+
+export default function* rootSaga() {
+    yield* takeEvery('CLICKED_ASYNC', incrementAsync)
+}