https://github.com/bentatum/redux-status-manager

success, pending and failure states for a given redux action type
https://github.com/bentatum/redux-status-manager

redux statuses

Last synced: over 1 year ago
JSON representation

success, pending and failure states for a given redux action type

• Host: GitHub
• URL: https://github.com/bentatum/redux-status-manager
• Owner: bentatum
• Created: 2018-02-25T17:53:19.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-05T13:13:24.000Z (over 8 years ago)
• Last Synced: 2024-04-24T16:24:30.361Z (about 2 years ago)
• Topics: redux, statuses
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/redux-status-manager
• Size: 41 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Redux Status Manager

## Installation

Import reducer and combine with the rest of your reducers.

```js

import { combineReducers } from 'redux'

const reducers = {

  statuses: require('redux-status-manager').reducer,

  ...yourOtherReducers

}

export default combineReducers(reducers)

```

## Usage

### dispatching statuses

this example uses redux-saga.

```js

import axios from 'axios'

import { put } from 'redux-saga/effects'

import { pending, success, failure } from 'redux-status-manager'

import { MY_EXAMPLE } from '../actionTypes'

export default function * ({ payload }) {

  try {

    yield put(pending(MY_EXAMPLE))

    // perform asynchronous action(s)...

    yield put(success(MY_EXAMPLE))

  } catch (err) {

    yield put(failure(MY_EXAMPLE, err))

  }

}

```

### in a component

a common use case might be displaying a progress indicator or an error message based on the status of a given asynchronous action.

```js

import React from 'react'

import { connect } from 'react-redux'

import { Loading, TryAgain, Content } from 'src/components'

import { MY_EXAMPLE } from 'src/store/components/example/actionTypes'

const enhance = connect(state => ({ status: state.statuses[MY_EXAMPLE] }))

export default ({ status }) =>

  


    {status === 'pending' && }

    {status === 'success' && }

    {status === 'failure' && }

  

```


## Tip Jars

```

BTC: 33dgdBhV1Yf5ERKLLKS7ztEAEEx3zTvSkw

ETH: 0xa6938ead6d6820377fed78b657e4eb6c5c44d1b3

```