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
promiseMiddleware()
in your applyMiddleware
Import the middleware and include it after import { globalLoaderMiddleware } from 'redux-global-loader';
composeStoreWithMiddleware = applyMiddleware(
...
promiseMiddleware(),
globalLoaderMiddleware,
...
)(createStore);
loadingAll
and include it in the combineReducers
Import the reducer 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.