AppWithPreload.js

import './assets/emoji-picker.css'

import React, { Component } from 'react'

import { chatsApi, infoApi } from './api'

import AppAside from './AppAside'

import {
    preloadDataSuccess as chatsPreloadDataSuccess
} from './views/chats/chatsActions'
import {
    preloadDataSuccess as infoPreloadDataSuccess
} from './views/info/infoActions'
import { preload } from 'redux-router-preload'
import styles from './App.css'

class App extends Component {
    render() {
        const {
            children
        } = this.props

        return (
            <div className={styles.app}>
                <div className={styles.aside}>
                    <AppAside />
                </div>
                <div className={styles.contentContainer}>
                    {children}
                </div>
            </div>
        )
    }
}

const appPreload = ((dispatch, _, {axios}) =>
    Promise.all([
        chatsApi.fetchChats(undefined, axios),
        infoApi.fetchInfo(undefined, axios)
    ]).then(([ chats, info ]) => {
        dispatch(chatsPreloadDataSuccess(chats))
        dispatch(infoPreloadDataSuccess(info))
    }))


export default preload(appPreload)(App)