redux-global-loader

Redux Global Loader

Obs: Redux Promise Middleware is required

A redux middleware with redux-promise-middleware's integration that shows the Loading while there is one or more than one pending promises in the current page. The loading state will be hidden as soon as all Promises gets completed.

Installation

Install with npm

$ npm install --save redux-global-loader

Import the middleware and include it after promiseMiddleware() in your applyMiddleware

import { globalLoaderMiddleware }  from 'redux-global-loader';

composeStoreWithMiddleware = applyMiddleware(
    ...
    promiseMiddleware(),
    globalLoaderMiddleware,
    ...
)(createStore);

Import the reducer loadingAll and include it in the combineReducers

import { combineReducers } from 'redux';
import { loadingAll } from 'redux-global-loader';

...
combineReducers({
    ...
    loadingAll,
    ...
});
...

Usage

import { Loading }  from 'redux-global-loader';

...
render() {
    return (
        <Loading>
            ...
            <!-- Your loading component here -->
            ...
        </Loading>
    );
}
...

Contributing

If you want to contribute with this component: Contributing Documentation.