# react-progress-2-redux

> React progress 2 (redux version)

Latest version **1.1.2** (published 2017-07-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-progress-2-redux
pnpm add react-progress-2-redux
yarn add react-progress-2-redux
bun add react-progress-2-redux
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.2 |
| Published | 2017-07-03 |
| First published | 2017-07-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Ruslan Prytula |
| Maintainers | rsqw |
| Keywords | react-progress-2-redux, react-progress-redux, react-progress-indicator, loading-indicator, react-loading-indicator |

## Links

- npm: https://www.npmjs.com/package/react-progress-2-redux
- Homepage: http://milworm.github.io/react-progress-2-redux/#readme
- Issues: https://github.com/milworm/react-progress-2-redux/issues
- npm.io page: https://npm.io/package/react-progress-2-redux

## Dependencies (1)

- [prop-types](https://npm.io/package/prop-types.md) ^15.5.10

## Recent versions

- 1.1.2 (latest) — 2017-07-03
- 1.1.1 — 2017-07-03
- 1.1.0 — 2017-07-03
- 1.0.0 — 2017-07-03

## README

# example
```
import { Progress, reducer } from 'react-progress-2-redux'

class Application extends React.PureComponent {
    render () {
        return (
            <div>
                <Progress />
                {/* the content */}
            </div>
        )
    }
}

let store = createStore(
    combineReducers({
        progressRedux: reducer
    })
)

ReactDOM.render(
    <Provider store={store}>
        <Application />
    </Provider>,
    document.querySelector('#root')
)
```

```
import { show, hide } from 'react-progress-2-redux'

// your-reducer.jsx
export function loadUsers () {
    return async dispatch => {
        dispatch(show())
        await myCoolAsyncRequest()
        dispatch(hide())
    }
}

// your-reducer.jsx
export function loadTasks () {
    return async dispatch => {
        dispatch(show())
        dispatch(show())
        dispatch(show())
        let data = await myCoolAsyncRequest()
        dispatch(hideAll())
    }
}
```

---
_Source: https://npm.io/package/react-progress-2-redux · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._