1.0.0 • Published 7 years ago

promise-redux-simple v1.0.0

Weekly downloads
1
License
MIT
Repository
github
Last release
7 years ago

Promise redux middleware

npm install --save promise-redux-simple

##Usage

In your root component:

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';

import App from './components/app';
import reducers from './reducers';
import Async from 'promise-redux-simple';

const createStoreWithMiddleware = applyMiddleware(Async)(createStore);

ReactDOM.render(
  <Provider store={createStoreWithMiddleware(reducers)}>
    <App />
  </Provider>
  , document.querySelector('.container'));

Your action creator might look like:

import axios from 'axios';

export function fetchUsers(){	
	var request =  axios.get('https://jsonplaceholder.typicode.com/users');	
	return {
		type: 'FETCH_USERS',
		payload: request
	}
}

Reducer:

export default function(state=[],action){
	switch(action.type){
		case FETCH_USERS :		
			return [...state, ...action.payload];
		default:
			return state;
	}
}

This package has been created only for test purposes. Nevertheless it can be used in real projects!