import { combineReducers } from 'redux';
import { createStore } from 'redux';
import queryStringAdapter from '@aloompa/react-universal-router/lib/adapters/queryStringAdapter';
import { routerReducer } from '@aloompa/react-universal-router/lib';

const combinedReducers = combineReducers({
    router: routerReducer({
        initialRoute: 'Home',
        adapter: queryStringAdapter
    })
});

const store = createStore(combinedReducers);

export default store; 

import { createRoutes, withRouter } from '@aloompa/react-universal-router/lib';

const Routes = createRoutes({
    routes: {
        Home: {
            route: Component,
            getTitle: () => 'Home'
        },
        AnotherRoute: {
            route: AnotherComponent,
            getTitle: () => 'Another Page'
        },
        // routes with modal as the mode don't get added to the history stack.
        ModalRoute: {
            route: ModalComponent,
            getTitle: () => 'Modal Page',
            mode: 'modal'
        }
    },
    renderTopNav: NavComponent
});

export default withRouter(Routes);

import * as React from 'react';

import { Provider } from 'react-redux'
import Routes from './Routes';
import store from './store';

const App = () => (
    <Provider store={store}>
        <Routes />
    </Provider>
);

props.setRoute({
    route: 'AnotherRoute',
    params: {}
});

props.setRoute({
    route: 'AnotherRoute',
    params: {
        navigationTitle: 'Some Navigation Title'
    }
});